css - span - ¿Qué hace la clase de etiqueta de control de bootstrap?

style html

Question

Qué formato CSS se aplica al elemento html <label> mediante la .control-label bs3. ( También tengo dificultades para ubicar esa clase usando los devtools de Chrome )

Además, en la documentation oficial de BS3, .control-label parece utilizarse solo en el caso de .form-horizontal . ¿Es eso cierto y por qué?

Answer 1

La clase de etiqueta de control es útil para los estados de validación, es por eso que la necesitamos en todas las etiquetas, incluso en los campos que la documentación de bootstrap no menciona.

Podemos verlo en el código fuente de la rutina de carga cuando está definiendo las clases has-success, has-warning, etc. https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3242

Como puede ver, utiliza la clase de etiqueta de control y no el elemento de etiqueta. Si eliminamos la etiqueta de control, tendremos un efecto no deseado de no colorear la etiqueta de color verde.

Forma vertical sin clase de etiqueta de control y éxito en el grupo de formulario:

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

Usando la clase de etiqueta de control:

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

Por eso creo que es mejor mantenerlo! A menos que ningún color sea el efecto deseado.