问题在于:http://jsfiddle.net/VUDfp/
两个按钮<div class="btn btn-primary col-xs-6">
无法放入一行(类row
)。我将它们包装到btn-toolbar
中以在它们之间创建空格。
但是现在这个增加的保证金不再适合一行,因为col-xx-6是50%。
是否有纯bootstrap
方式(使用不使用纯css 的类)以使用按钮填充整行(从左到右的整个宽度为2-3个按钮) ,没有打破线?
答案 0 :(得分:3)
由于Bootstrap正在使用box-sizing:border-box
,你最好的选择可能是将按钮包裹在col-xs-6类中,并为除第一个div之外的每个div添加一个左边距。您必须添加几行自定义CSS代码才能删除按钮上的左边距。但是,它仍然会按照您的要求使用Bootstrap的类。
查看我的小提琴:http://jsfiddle.net/VUDfp/14/