web-dev-qa-db-fra.com

Que fait la classe d'étiquettes de contrôle de Bootstrap?

Quelle mise en forme CSS est appliquée au <label> Élément HTML par le .control-label Bootstrap 3 class. ( J'ai également du mal à localiser cette classe à l'aide des devtools de Chrome )

De plus, dans l'officiel Bootstrap 3 documentation , .control-label semble être utilisé uniquement en cas de .form-horizontal. Est-ce vrai et pourquoi?

24
ira

La classe control-label est utile pour les états de validation, c'est pourquoi nous en avons besoin dans toutes les étiquettes, même les champs que la documentation de bootstrap ne mentionne pas.

Nous pouvons le voir dans le bootstrap lorsqu'il définit les classes has-success, has-warning, etc.: https://github.com/twbs/bootstrap/ blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css # L3242

Comme vous pouvez le voir, il utilise la classe control-label et non l'élément label. Si nous supprimons l'étiquette de contrôle, nous aurons un effet indésirable de ne pas colorer l'étiquette en vert.

Formulaire vertical sans classe d'étiquette de contrôle et succès sur le groupe de formulaires:

<div class="form-group has-success">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>

enter image description here

Utilisation de la classe d'étiquette de contrôle:

<label for="exampleInputEmail1" class='control-label'>Email address</label>

enter image description here

C'est pourquoi je pense qu'il vaut mieux le garder! Sauf si aucune couleur n'est l'effet souhaité.

33
Ariful Haque