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

Question

<label> Bootstrap 3类对.control-label HTML元素应用了什么CSS格式。 （我在使用Chrome的devtools 找到该课程时遇到了困难）

此外，在正式的Bootstrap 3 documentation中，.control-label似乎仅在.form-horizontal的情况下使用。这是真的吗？为什么？

Answer 1

control-label类对验证状态非常有用，这就是为什么我们在所有标签中都需要它，即使是bootstrap文档中没有提到的字段。

我们可以在bootstrap源代码中定义has-success，has-warning等类时看到它：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>

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