Twitter Bootstrap按钮组50％宽度

Question

我想创建一个包含两个按钮的按钮组。按钮组是跨度6的一部分，我希望里面的按钮有50％的宽度，但我想因为填充和边框按钮断开线并相互重叠而不是相邻。这个调整会是什么？

Answer 1

这确实是因为边距和引导程序添加到按钮的所有其他内容。

您可以通过使用引导网格系统来完成此操作，而不是尝试自己为按钮指定宽度。

<div class="span6">
  <div class="btn-group row-fluid">
    <button class="btn span6">Button 1</button>
    <button class="btn span6">Button 2</button>
  </div>
</div>

这里有效：http://jsfiddle.net/S57SW/1/。 我使用了row-fluid，因为在jsfiddle上看起来更好，但你也可以使用非响应式静态布局。