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?
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>
Utilisation de la classe d'étiquette de contrôle:
<label for="exampleInputEmail1" class='control-label'>Email address</label>
C'est pourquoi je pense qu'il vaut mieux le garder! Sauf si aucune couleur n'est l'effet souhaité.