我在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>
我有一个表格和一个表格输入。表重叠表单输入。
修改
如果我没有将面板放在标签面板中,而且这个面板位于标签内容中,那就可以了。