twitter-bootstrap - Twitter Bootstrap 按钮组 50% 宽度

Question

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

Answer 1

这种情况确实发生了，因为 Bootstrap 添加到按钮的边距和其他所有内容。

您可以通过使用 Bootstrap 网格系统来做到这一点，而不是尝试自己为按钮分配宽度。

<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 上看起来更好，但您也可以使用 非响应式 静态布局来做到这一点。