Bootstrap内联复选框 - 如何在表单内向左或向右拉动它们？

Question

我在form-horizontal well well-small

中使用Twitter Bootstrap内联复选框

如果我在复选框中添加pull-left或right，它们会被正确拉出，但会退出well元素，即使它们嵌套在表单中。 pull适用于按钮，但不适用于内联复选框。

我尝试将它们放在一个控制组中并在控制组上使用pull但它们仍然在well格式之外删除。

编辑：

失败的例子：http://bbalban.pagodabox.com/snippets/post-fails

工作示例：http://bbalban.pagodabox.com/snippets/post-works

第一个标签被移除或右拉时失败。它适用于第一个标签，但没有拉限定符。

感谢。

Answer 1

检查您的复选框是否按“float”属性对齐。如果是，则将“overflow：hidden”添加到父元素。如果不是，请提供一个网址，以便我们进行测试。

修改

您必须添加的主要规则是：

.well { overflow: hidden; }

此外，要更正标签和按钮的位置，请添加以下内容：

.well .btn { margin-top: 8px; }
.well label.checkbox { margin: 9px 3px 0 10px; }