Bootstrap 3 Footer footer

Question

Я использую панель на своей странице, но применяю класс .Well к его телу, поэтому придаем ему фон, а не простой белый.

Внизу есть белый зазор. Любая идея, как я могу удалить это?

<div class="panel panel-primary"> 
    <div class="panel-heading"> 
    <h3 class="panel-title">Attendee Information</h3> 
    </div> 
    <div class="panel-body well"> 
    <div class="row"> 
     <div class="col-md-12"> 
     <label>Required</label> 
      <input type="text" class="form-control" id="requiredAttendees" placeholder="Please select required attendee's"> 
      <p class="help-block"><em>Enter the last name required attendee(s).</em></p> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-12"> 
     <label>Segments</label> 
      <select class="form-control dropdown" name="segment" id="segment" multiple="" placeholder="Select segments/tags for this group"> 
       <option value="">Select Center</option> 
       <?php $counter = 1; foreach($createSegments->segments as $data){ ?> 
       <option value="<?php echo $data->id; ?>"><?php echo $data->segmentName; ?></option> 
       <?php } ?> 
      </select> 
      <p class="help-block"><em>Click to select the segments or tags that this focus group pertains to.</em></p> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="col-md-1"></div> 
     <div class="col-md-11"> 
      <br /> 
      <button type="button" name="createFocusGroup" class="btn btn-primary"><i class="fa fa-users"></i>&nbsp;&nbsp;Create Focus Group</button> 
     </div> 
    </div> 
    </div> 

Answer 1

По умолчанию, а в Bootstrap 3 имеет пограничную 20px дно. Просто установите:

.well { 
    margin-bottom: 20px; 
} 

в

.well { 
    margin-bottom: 0; 
}