Boostrap Override Kontrollkästchen Label CSS

Question

Ich versuche, eine einfache Checkbox Label Override zu tun. Allerdings scheine ich nicht die Wähler zu haben richtig:

Standard in Bootstrap forms.less

.checkbox label, .radio label { 
    min-height: 20px; 
    padding-left: 20px; 
    margin-bottom: 0; 
    font-weight: 400; 
    cursor: pointer; 
} 

mein Zusatz in base.less

.checkbox { 
    .label { 
     color: @grey; 
     font-size: 14px; 
    } 
} 

jedoch nicht (funktioniert, wenn Ich kann auch das Radio-Label gleichzeitig ändern, das ist in Ordnung).

Answer 1

Sie sind eine Klasse "label" Adressierung und nicht das Etikett selbst:

.checkbox, .radio { 
    label { 
     color: @grey; 
     font-size: 14px; 
    } 
}