Bootstrap 的控制标签 class 有什么作用？

Question

CSS 格式由 .control-label Bootstrap 3 class 应用于 <label> HTML 元素。（我也遇到了使用 Chrome 的开发工具 定位 class 的困难）

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

Answer 1

控制标签 class 对验证状态很有用，这就是为什么我们在所有标签中都需要它，即使字段 bootstrap 的文档没有提到。

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

如您所见，它使用控制标签 class 而不是标签元素。如果我们删除控制标签，我们会产生不希望的效果，即不会将标签着色为绿色。

没有控制标签的垂直表单 class 并且在表单组上成功：

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

使用控制标签class:

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

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

Bootstrap 的控制标签 class 有什么作用？

What does Bootstrap's control-label class do?

css

forms

label

twitter-bootstrap