私は私のパネル体内BTN-ツールバーを持っている、としたいBTN-ツールバーパネル

Question

内側センタリング：

1. センターボタン
2. 一連の三つのボタンがオンになっている、モバイルビュー上のことを確認してください。トップ、3つは底にあります。

そこには多くの類似の質問がありますが、私はさまざまな解決策を試みましたが、何も動作していないようです（テキスト調整：中央、余白：0自動など）。どんな助けもありがとう。

http://codepen.io/kli96/pen/vydMgW

<div class="container"> 
    <div class="row"> 
    <div class="col-lg-12"> 
     <div class="panel panel-default"> 
     <div class="panel-body"> 
      <div class="btn-toolbar"> 
      <button type="button" class="btn btn-primary" id="btn2016">2016</button> 
      <button type="button" class="btn btn-primary" id="btn2015">2015</button> 
      <button type="button" class="btn btn-primary" id="btn2014">2014</button> 
      <button type="button" class="btn btn-primary" id="btn2013">2013</button> 
      <button type="button" class="btn btn-primary" id="btn2012">2012</button> 
      <button type="button" class="btn btn-primary" id="btn2011">2011</button> 
      <button type="button" class="btn btn-primary" id="btn2010">2010</button> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

1. ボタンはあなたがtext-align: centerとdisplay: inline-blockし、そのコンテナにボタンのコンテナを設定することができ中心であることを確認します。
2. あなたは7つのボタンを持っていますが、上記の変更を加えれば、携帯電話では大丈夫です。ここで

必要なCSSです：

.panel-body { 
    text-align: center; 
} 
.btn-toolbar { 
    display: inline-block; 
} 
.btn-toolbar .btn { 
    margin-bottom: 5px; 
} 

はcodepenを確認してください：
http://codepen.io/anon/pen/MbQRrY