引导控制组，控制类答案

【问题标题】：Bootstrap control-group, controls class引导控制组，控制类
【发布时间】：2013-07-01 20:03:41
【问题描述】：

实现 Bootstrap 后，control-group 和 controls 类在表单中使用时会做什么？而且，它只影响它们嵌套在表单元素中吗？

顾名思义，它似乎对分配有control-group 的控件进行了分组并在它周围应用一些填充，但是当在表单标签之外使用时，它似乎没有做任何事。

fieldset 标签也会出现类似的问题，因为它似乎只在与图例标签一起使用时才有意义。

【问题讨论】：

【解决方案1】：

如果您不能使用表单标签，请尝试使用

<div class="form-horizontal"></div>

这将为您提供您正在寻找的对齐方式

form-horizontal form-inline 和 form 将为您提供更改页面布局流程的选项。

编辑：为什么？

例如，假设您想更改表单在不同分辨率下的显示方式。让表单类将样式应用于子控件组，您可以使用相同的标记并通过仅更改表单上的类属性来显示不同的结果。 IMO 这似乎是一种更简单的方法，然后重写您的输入/标签周围的所有 dom 元素。

【讨论】：

感谢分享。但是，我对对齐没有任何问题，我只想知道将control-group与controls一起使用的目的以及它是否仅在表单元素内部使用时才有效。
嗨@Kieran 那么，使用control-group 和controls 仅在表单内部有效？再次感谢。
不确定您所说的有效是什么意思，因为它只是一个 CSS 名称。选择器看起来像这样 .form-horizontal .control-group{/*apply rules*/}
我的意思是，如果control-group 和controls 与除表单之外的普通div 包装器一起使用，它就没有用了。对吗？
对于控件是的。控制组有 margin-bottom:10px;