bootstrap的控件标签类有什么作用？

Question

bs3类对<label>html元素应用了什么CSS格式.control-label.(我也很难使用chrome的devtools定位该类)

而且,在官方BS3 文档中,.control-label似乎只在使用的情况下使用.form-horizontal.这是真的吗？为什么？

Answer 1

控制标签类对于验证状态非常有用,这就是为什么我们需要在所有标签中使用它,即使字段bootstrap的文档没有提到.

当我们定义has-success,has-warning等类时,我们可以在bootstrap源代码中看到它:https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css #L3242

如您所见,它使用control-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>

使用control-label类:

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

这就是为什么我认为保留它更好!除非没有颜色是理想的效果.