如何在不破坏线条的情况下在btn工具栏中制作两个col-xs / sm / md / lg-6?

时间:2013-10-21 01:25:27

标签: css twitter-bootstrap html frontend

问题在于:http://jsfiddle.net/VUDfp/

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

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

是否有纯bootstrap方式(使用不使用纯css 的类)以使用按钮填充整行(从左到右的整个宽度为2-3个按钮) ,没有打破线?

1 个答案:

答案 0 :(得分:3)

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

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