twitter-bootstrap - Twitterブートストラップ：中央のボタンツールバー？

Question

<div class="row">
    <div class="span12">
      <div class="btn-toolbar">
      <!-- buttons go here -->
       </div>
    </div>
</div>

オフセットを使用せずにボタンツールバーを中央に配置する方法はありますか？

「margin：0auto;」を適用してみました。私のツールバーdivに、しかしこれは機能しませんでした。

Answer 1

http://jsfiddle.net/rx9Y2/

<div class="row">
    <div class="span12">
      <div class="btn-toolbar">
          <div class="btn-group">
              <button class="btn">1</button>
              <button class="btn">2</button>
              <button class="btn">3</button>
          </div>
          <div class="btn-group">
              <button class="btn">1</button>
              <button class="btn">2</button>
              <button class="btn">3</button>
          </div>
       </div>
    </div>
</div>​

---

.btn-toolbar{
  text-align: center;
}​

Answer 2

あなたはインラインCSSを使うことができ、それは私にとってはうまくいきます。

<div class="btn-toolbar" style="justify-content: center; display: flex;" >

ありがとう。

Answer 3

ブートストラップ 3 の行クラスに「center」属性を追加してみてください。

<div class="row center"> .... </div>