Что делает класс меток управления Bootstrap?

Какое форматирование CSS применяется к HTML-элементу <label> .control-label Bootstrap 3 .control-label. (Я также сталкиваюсь с трудностями при поиске этого класса с помощью Chrome devtools)

Более того, в официальной документации Bootstrap 3 .control-label похоже, используется только в случае .form-horizontal. Это правда и почему?

Ответы

Ответ 1

Класс контрольной метки полезен для состояний проверки, поэтому нам нужно это во всех ярлыках, даже в документации к бутстрапу полей не упоминается.

Мы можем видеть это в исходном коде начальной загрузки, когда он определяет классы has-success, has-warning и т.д.: https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3242

Как вы можете видеть, он использует класс label-label, а не элемент label. Если мы удалим контрольную метку, у нас будет нежелательный эффект не окрашивания ярлыка ярлыка.

Вертикальная форма без класса контрольной метки и имеет успех в группе форм:

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