パネルヘッダーのブートストラップで下のパディングを削除する3.3.4

Question

パネルヘッダーのドロップダウン選択リストの下に余分なパディングが追加されている理由を理解しようとしています。

picture

<div class="panel panel-default"> 
    <div class="panel-heading clearfix"> 
     <h3 class="panel-title pull-left">Status Connection History</h3> 
      <div class="form-group pull-right"> 
       <select class="form-control" id="statusHistoryDropdown"> 
        <option>Past Hour</option>  <!-- increments of 5 minutes --> 
        <option>Past 12 Hours</option> <!-- increments of 1 hour  --> 
        <option>Past 3 Days</option> <!-- increments of 6 hours  --> 
        <option>Past 12 days</option> <!-- increments of 1 day  --> 
        <option>Past Month</option>  <!-- increments of 2 days  --> 
       </select> 
      </div>         
     </div> 
    <div class="panel-body"> 
     Panel content 
    </div> 
</div> 

Answer 1

<div class="panel panel-default"> 
    <div class="panel-heading clearfix"> 
     <h3 class="panel-title pull-left">Status Connection History</h3> 
      <div class="pull-right"> 
       <select class="form-control" id="statusHistoryDropdown"> 
        <option>Past Hour</option>  <!-- increments of 5 minutes --> 
        <option>Past 12 Hours</option> <!-- increments of 1 hour  --> 
        <option>Past 3 Days</option> <!-- increments of 6 hours  --> 
        <option>Past 12 days</option> <!-- increments of 1 day  --> 
        <option>Past Month</option>  <!-- increments of 2 days  --> 
       </select> 
      </div>         
     </div> 
    <div class="panel-body"> 
     Panel content 
    </div> 
</div> 

のみフォームグループクラスを削除します。