使用引導程序均勻分離單選按鈕

我的單選按鈕太靠近了，我希望它們能夠使用引導網格系統均勻地顯示在整行上。任何想法如何我可以做到這一點？使用引導程序均勻分離單選按鈕

<div class="radio"> 
     <div class="row"> 
     <div class="col-md-12"> 
      <label> 
      <input id="visitors_radio" name="user[role]" type="radio"> 
      Visitors 
      </label> 
      <label> 
      <input id="staff_radio" name="user[role]" type="radio"> 
      Staff 
      </label> 
      <label> 
      <input id="volunteer_radio" name="user[role]" type="radio"> 
      Volunteer 
      </label> 
     </div> 
     </div> 
    </div>

來源

2016-03-05 Bitwise

您是否嘗試過自己的東西？也許CSS有什麼東西可以在元素周圍產生空間？你怎麼看？ – mkabanen

大概吧！我剛剛得到了這一點，我試圖建立自己的分數/熟悉Stackoverflow。另外，我認爲引導可以做到這一點，這可能會更清潔一點？ – Bitwise

但是這是一個很好的學習方式：嘗試不同的東西:) – mkabanen

<div class="radio"> 
    <div class="row"> 
    <div class="col-md-4"> 
     <label> 
     <input id="visitors_radio" name="user[role]" type="radio"> 
     Visitors 
     </label> 
    </div> 
    <div class="col-md-4"> 
     <label> 
     <input id="staff_radio" name="user[role]" type="radio"> 
     Staff 
     </label> 
    </div> 
    <div class="col-md-4"> 
     <label> 
     <input id="volunteer_radio" name="user[role]" type="radio"> 
     Volunteer 
     </label> 
    </div> 
    </div> 
</div>

利用引導電網來幫助你實現這一目標。

來源

2016-03-05 18:50:25 Mox

使用引導程序均勻分離單選按鈕

回答

相關問題