2

我在内部使用 Twitter Bootstrap 内联复选框form-horizontal well well-small

如果我将pull-left或添加right到复选框,它们会被正确拉出,但会从well元素中删除,即使它们嵌套在表单中也是如此。pull适用于按钮,但不适用于内联复选框。

我尝试将它们放入控制组并pull在控制组上使用,但它们仍然被丢弃在表单之外well

编辑:

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

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

当第一个标签被移除或具有拉右时,它会失败。它在第一个标签存在时有效,但没有拉限定符。

谢谢。

4

1 回答 1

1

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

编辑

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

.well { overflow: hidden; }

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

.well .btn { margin-top: 8px; }
.well label.checkbox { margin: 9px 3px 0 10px; }
于 2013-02-16T06:43:49.763 回答