Bootstrap陣列重疊表單輸入

Question

我在http://jsfiddle.net/m0pey3ev上創建了一個小型演示。 只需點擊Tiroir即可查看結果。

在面板中，我有一個引導表和一個表單輸入。

<div id="setupOptionDivTemplate"> 

    <table id="setupDrawerTableResult" style="min-height:200" data-show-header="true" class="table table-striped" data-toggle="table" data-height="330"> 
     <thead> 
      <tr> 
       <th>Nom</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr data-index="0"> 
       <td style="" data-drawer-id="1">01-A</td> 
      </tr> 
     </tbody> 
    </table> 

</div> 

<form id="setupOptionForm" class="form-horizontal" role="form" data-fv-framework="bootstrap" data-fv-icon-valid="glyphicon glyphicon-ok" data-fv-icon-invalid="glyphicon glyphicon-remove" data-fv-icon-validating="glyphicon glyphicon-refresh"> 

    <div class="form-group"> 
     <label for="setupOption" class="col-sm-3 control-label">Option</label> 
     <div class="col-sm-9"> 
      <input type="text" class="form-control" id="setupOption" name="name" placeholder="Entrer le nom de l'option"> 
     </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-sm-12"> 
      <div class="pull-right"> 
       <button id="setupDrawerSave" type="button" class="btn btn-primary">Sauvegarder</button> 
       <button id="setupDrawerReset" type="reset" class="btn btn-primary">Reset</button> 
      </div> 
     </div> 
    </div> 

</form> 

我有一個表格和一個表格輸入它下面。表格與表格輸入重疊。

編輯

，如果我不把在製表面板的面板，這一個一個標籤的內容，這項工作。

http://jsfiddle.net/33h53t4m/

Answer 1

http://jsfiddle.net/jksheth/m0pey3ev/5/

.form-horizontal .form-group{ 
    margin-top:20px; 
}