控制标签的目的是什么？

Question

我是bootstrap的新手。 control-label类似乎在bootstrap 3网站上没有记录，我在例子中偶然发现了它。

有人可以解释它的目的或指导我在哪里获得更多信息吗？

Answer 1

请参阅http://getbootstrap.com/css/#forms-horizontal

用于标记.form-group。对于.form-horizontal它确实

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}

...主要用于右对齐标签。

Answer 2

当我们创建表单时，

control-label非常有用。在创建时，您可能会遇到像文本字段刚完成标签之类的情况。

所以你必须编写CSS以使其更具吸引力。

在bootstrap中，他们提供了名为control-label的类，其工作是自动设置标签。因此标签和文本字段看起来更好，我们不必为此编写CSS。

.control-label的CSS：

.control-label{margin-bottom:0;
  vertical-align:middle;
  margin-bottom:0;
  text-align:right;
  color:#a94442;    

  }

注意：此处我未添加padding，因为padding可能因屏幕尺寸而异。

如果您想了解更多信息，请查看Demo。您至少会对此有所了解。