html - Bootstrap 内联复选框 - 如何将它们向左或向右拉到表单中？

Question

我在 form-horizo​​ntal 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

当第一个标签被移除或右拉时失败。它在第一个标签存在但没有 pull 限定符时起作用。

谢谢。

Answer 1

检查您的复选框是否按“ float ”属性对齐。如果是，则将“溢出:隐藏”添加到父元素。如果不是，请提供一个 url，以便我们进行测试。

编辑

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

.well { overflow: hidden; }

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

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