如何中心引導複選框的形式

I need to center this checkboxes 有沒有人可以幫助我居中這個複選框？我已經嘗試了很多東西。如何中心引導複選框的形式

這裏是我的代碼：

<div class="row checkbox-row"> 
       <div class="col-sm-6"> 
       <div class="checkbox-inline"> 
        <label class="checkbox-inline"><input type="checkbox" value="">Adult News</label> 
       </div> 
       </div> 
       <div class="row checkbox-row"> 
       <div class="col-sm-6"> 
        <div class="checkbox-inline"> 
        <label class="checkbox-inline"><input type="checkbox" value="">Youth News</label> 
        </div> 
       </div> 
       </div> 
      </div>

來源

2016-08-26 Pablo Vera

怎麼這樣呢？ https://jsfiddle.net/sxh0n7d1/20/

由於自舉行是在12柱網，我複選框以跨越各2列，並且由4移動的4列向右

<div class="row checkbox-row"> 
    <div class="col-xs-2 col-xs-offset-4"> 
    <div class="checkbox-inline"> 
     <label class="checkbox-inline"> 
     <input type="checkbox" value="">Adult News</label> 
    </div> 
    </div> 
    <div class="row checkbox-row"> 
    <div class="col-xs-2"> 
     <div class="checkbox-inline"> 
     <label class="checkbox-inline"> 
      <input type="checkbox" value="">Youth News</label> 
     </div> 
    </div> 
    </div> 
</div>

來源

2016-08-26 19:24:08

謝謝！這非常有幫助！ –

謝謝！我用你的代碼，給複選框一些寬度與CSS，他們被放在我想要他們的地方！ –

@PabloVera如果這解決了所有問題，並且您沒有其他問題，可否請您註冊並將此問題標記爲已回答。 –

試試這個

<div class="row checkbox-row"> 
       <div class="col-sm-6"> 
       <div class="checkbox-inline" style="text-align:center;"> 
        <label class="checkbox-inline"><input type="checkbox" value="">Adult News</label> 
       </div> 
       </div> 
       <div class="row checkbox-row"> 
       <div class="col-sm-6"> 
        <div class="checkbox-inline" style="text-align:center;"> 
        <label class="checkbox-inline"><input type="checkbox" value="">Youth News</label> 
        </div> 
       </div> 
       </div> 
      </div>

來源

2016-08-26 19:15:06 Labradorcode

可能不是最好的解決方案，但如果工作您根據您的頁面更改col-sm。

<div class="col-sm-3"></div> 
       <div class="col-sm-2"> 
       <div class="checkbox-inline"> 
        <label class="checkbox-inline"><input type="checkbox" value="">Adult News</label> 
       </div> 
       </div> 
       <div class="row checkbox-row"> 
       <div> 
        <div class="checkbox-inline"> 
        <label class="checkbox-inline"><input type="checkbox" value="">Youth News</label> 
        </div> 
       </div> 
       </div> 
      </div> 
</div>

來源

2016-08-26 19:47:55 Developer

如何中心引導複選框的形式

回答

相關問題