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