jquery - Bootstrap 3 面板页脚

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