使用引导程序均匀分离单选按钮

我的单选按钮太靠近了，我希望它们能够使用引导网格系统均匀地显示在整行上。任何想法如何我可以做到这一点？使用引导程序均匀分离单选按钮

<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

使用引导程序均匀分离单选按钮

回答

相关问题