Bootstrap 事例

来源:互联网 发布:申报数据库 编辑:程序博客网 时间:2024/04/30 14:51

1 选项卡

<ul id="myTab" class="nav nav-tabs">        <li class="active">            <a href="#A" data-toggle="tab">生成批次查询</a>        </li>        <li><a href="#B" data-toggle="tab">条码查询</a></li>        <li><a href="#C" data-toggle="tab">时间轴</a></li>    </ul>    <!--选项卡A-->    <div class="tab-pane fade in active" id="A">        <label class="control-label" for="dropdown_apply_person_A">生成批次号</label>        <div class="bootstrap-select">            <select name="dropdown_apply_person_A" class="selectpicker" data-size="5" id="dropdown_apply_person_A" data-width="150px" data-live-search="true">                <option> </option>            </select>        </div>        <button type="button" class="btn btn-default">查询</button>    </div>    <!--选项卡B-->    <div class="tab-pane fade" id="B">    </div>    <!--选项卡C-->    <div class="tab-pane fade" id="C">    </div>
0 0