2016-05-16 2 views
16

Какое CSS-форматирование применяется к элементу html <label> классом bs3 .control-label. (я также сталкиваются с трудностями DevTools установочных этого класса с помощью Хрома)Что делает класс контрольной метки bootstrap?

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

ответ

24

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

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

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

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

<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

Использование контрольно-этикеточной класса:

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

enter image description here

Вот почему я считаю, что лучше держать его! Если цвет не является желаемым эффектом.

+0

Благодарим вас за ответ. Я также заметил, что класс .control-label также применяется в случае [.form-horizontal] (https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3423) (для браузеров размером более 768 пикселей), [.form-inline] (https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3373) и [.navbar -form] (https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L4948), изменение полей/отступов и/или позиционирования – ira

+0

Да, я также добавляю контрольную метку для каждого

Смежные вопросы