垂直單選按鈕與第一選擇標籤之間的寬廣空間

Question

垂直單選按鈕標籤與第一選擇之間的寬廣空間。在理想的世界中，我會喜歡它與場地標籤和場上頂線之間的空間相同。任何想法或想法？提前致謝。

http://jsfiddle.net/steveadams617/MgcDU/8543/

<div class="container"> 
    <form> 
     <div class="row"> 
     <div class="col-sm-6"> 
      <div class='form-group'> 
       <label for="provider_id">Provider</label> 
       <div> 
        <input class="form-control" type="text" maxlength="255" value="" name="provider_id_auto" id="provider_id_auto"/> 
       </div> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class='form-group'> 
       <label for='phone_us'>Phone</label> 
       <input class='form-control phone_us' type='text' maxlength='14' value='' name='phone_us' id='phone_us'/> 
      </div> 
     </div> 
    </div><!-- .row --> 

    <div class='row'> 
     <div class="col-sm-6"> 
       <label for="med_coverage_id">Insurance Coverage</label> 
       <div class="radio"> 
        <label> 
         <input type="radio" name="med_coverage_id" value="1" checked /> 
         Pending 
        </label> 
       </div> 
       <div class="radio"> 
        <label> 
         <input type="radio" name="med_coverage_id" value="2" /> 
         Covered 
        </label> 
       </div> 
       <div class="radio"> 
        <label> 
         <input type="radio" name="med_coverage_id" value="3" /> 
         Needs Prior Approval 
        </label> 
       </div> 
     </div> 
    </div><!-- .row --> 
    </form> 
</div><!-- .container --> 

Answer 1

你DIV .radio有10px的的上邊距。您可以手動調節這個像這樣

<div class="radio" style="margin-top: 0px;"> 
    <label> 
    <input type="radio" name="med_coverage_id" value="1" checked="">Pending </label> 
</div> 

或課程的編輯樣式表或添加自己的風格，以.radio類（例如，如果您使用的是CDN）。