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

Question

我的单选按钮太靠近了，我希望它们使用引导网格系统在整个行中均匀显示。关于如何实现这一点的任何想法？

    <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>

Answer 1

<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>

利用引导网格来帮助您实现这一目标。