twitter-bootstrap - 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/。我使用了 arow-fluid因为它在 jsfiddle 上看起来更好，但你可以用 a无反应静态布局也是。