我在 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
当第一个标签被移除或右拉时失败。它在第一个标签存在但没有 pull 限定符时起作用。
谢谢。
最佳答案
检查您的复选框是否按“ float ”属性对齐。如果是,则将“溢出:隐藏”添加到父元素。如果不是,请提供一个 url,以便我们进行测试。
编辑
您必须添加的主要规则是:
.well { overflow: hidden; }
此外,要更正标签和按钮的位置,请添加以下内容:
.well .btn { margin-top: 8px; }
.well label.checkbox { margin: 9px 3px 0 10px; }
关于html - Bootstrap 内联复选框 - 如何将它们向左或向右拉到表单中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14907566/