Bootstrap数组重叠表单输入

时间:2015-11-28 04:59:44

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-table

我在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>

我有一个表格和一个表格输入。表重叠表单输入。

enter image description here   修改

如果我没有将面板放在标签面板中,而且这个面板位于标签内容中,那就可以了。

http://jsfiddle.net/33h53t4m/

1 个答案:

答案 0 :(得分:0)