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

时间:2015-05-28 22:38:02

标签: 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>

demo

1 个答案:

答案 0 :(得分:0)

只需添加自定义类top-margin

即可

<强> CSS

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

<强> HTML

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

JSFiddle