1

这里的问题:http: //jsfiddle.net/VUDfp/

两个按钮<div class="btn btn-primary col-xs-6"> 不能放在一行中(类row)。我将它们包裹在其中btn-toolbar以在它们之间创建空间。

但是现在这个增加的边距不再适合一行,因为 col-xx-6 是 50%。

有没有一种纯粹的bootstrap方法(使用不使用纯 css 的类)用按钮填充整行(从左到右的整个宽度为 2-3 个按钮),而不会中断行?

4

1 回答 1

3

由于 Bootstrap 正在使用box-sizing:border-box您最好的选择可能是将按钮包装在 col-xs-6 类中,并为除第一个 div 之外的每个 div 添加左填充。您必须添加几行自定义 CSS 代码才能删除按钮的左边距。但是,它仍会按照您的要求使用 Bootstrap 的类。

看看我的小提琴:http: //jsfiddle.net/VUDfp/14/

于 2013-10-21T02:08:33.937 回答