Twitter bootstrap 3 tabpanel和表单元素之间没有空格

我有一个选项卡面板，在那里我放置了一个表单。tabPanel和表单的第一个元素之间没有空格。tbs中是否有课程可以解决这个问题

<div class="row">
  <div class="span12">
    <ul class="nav nav-tabs" role="tablist">
      <li role="presentation"><a href="#information" data-toggle="tab">Information</a></li>
      <li role="presentation" class="active"><a href="#contactReference" data-toggle="tab">Référence</a></li>
    </ul>
  </div>
</div>    

<div id='content' class="tab-content">
  <div role="tabpanel" class="tab-pane" id="information">
    <div class="row">
      <div class="span12">
        <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="lastName" class="col-sm-2 control-label">Nom</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="lastName" placeholder="Entrer le nom" />
            </div>
          </div>
       </form>
     </div>
   </div>
 </div>

笔名

---

只需添加一个自定义类

上边距

CSS

.top-margin {
  margin-top: 2%;
}

HTML

<form class="form-horizontal top-margin" role="form">