ブートストラップ入力フィールドは、私はそれが左揃えている理由はわからない

Question

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

<div class="row"> 
 
    <div class="col-xs-12 text-center btn-group" data-toggle="buttons"> 
 
     <label class="btn btn-primary active"> 
 
      <input type="radio" name="measurement" value="far" checked="checked" /> F 
 
     </label> 
 
     <label class="btn btn-primary"> 
 
      <input type="radio" name="measurement" value="cel" /> C 
 
     </label> 
 
    </div> 
 
</div>

を中心にされていません。私はtext-centerクラスの中心が何かに整列していると思いましたか？そして、それはcol-xs-12であるdiv内にあるので、それはそれを中央に整列させないのですか？それとも私は何が欠けていますか？

Answer 1

犯人はbtnグループです。テキストセンターの下にあるdivに移動する必要があります。コードは次のようになります。

<div class="row"> 
     <div class="col-xs-12 text-center" data-toggle="buttons"> 
      <div class="btn-group"> 
       <label class="btn btn-primary active"> 
        <input type="radio" name="measurement" value="far" 
        checked="checked" /> F 
       </label> 
       <label class="btn btn-primary"> 
        <input type="radio" name="measurement" value="cel" /> C 
       </label> 
      </div> 
     </div> 
    </div>