标签页

<div class="container">
    <ul class="nav nav-tabs" id="list">
        <li><a href="#home" data-toggle="tab">家庭</a></li>
        <li><a href="#school" data-toggle="tab">school</a></li>
        <li class="dropdown">
            <a href="#" data-toggle="dropdown">娱乐场所
            <span class="caret"></span>
           </a>
            <ul class="dropdown-menu">
                <li><a href="#yum" data-toggle="tab">羽毛球场</a></li>
                <li><a href="#lq" data-toggle="tab">篮球场</a></li>
            </ul>
        </li>
    </ul>
    <div class="tab-content">
       <div class="tab-pane fade in active" id="home">家中upy多久哦首都机场</div>
        <div class="tab-pane fade" id="school">学校几款手机打开就能看</div>
        <div class="tab-pane fade" id="yum">羽毛球娱乐场所好看的是开放了</div>
        <div class="tab-pane fade" id="lq">篮球娱乐场所好看的是开放了</div>

    </div>
</div>

效果

 

转载于:https://www.cnblogs.com/yaomengli/p/6700042.html