twitter-bootstrap - Twitter ブートストラップ ボタン グループ 50% 幅

Question

2 つのボタンを含むボタン グループを作成したいと考えています。ボタン グループはスパン 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/。jsfiddle の方が見栄えが良いので、私は a を使用しましたrow-fluidが、これは a で行うことができます無反応静的レイアウトも。