css - Bootstrap 的 control-label 类是做什么的？

Question

哪些 CSS 格式应用于 <label> HTML 元素由 .control-label Bootstrap 3 类。 (我也很难使用 Chrome 的开发工具找到该类)

此外，在官方的 Bootstrap 3 documentation , .control-label似乎只在 .form-horizontal 的情况下使用.这是真的吗？为什么？

Answer 1

control-label 类对于验证状态很有用，这就是为什么我们在所有标签中都需要它，即使是 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>

使用控制标签类:

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

所以我觉得还是留着比较好!除非没有颜色是想要的效果。