如何使btn-工具栏中的两个col/sm/md/lg-6不中断？

Question

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

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

但是现在这个增加的保证金不能再合二为一了，因为col 6是50%.

是否有一种纯粹的bootstrap方法(使用类而不是纯css)来填充整行的按钮(从左到右的整个宽度为2-3个按钮)，而不打破这条线？

Answer 1

由于Bootstrap正在使用box-sizing:border-box，所以最好的方法可能是将按钮包装在col-xs-6类中，并在每个div中添加一个左填充(除了第一个)。不过，您必须添加几行自定义CSS代码，以删除按钮上的左边框。但是，它仍将根据您的要求使用Bootstrap类。

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