Bootstrap标签Tabs

 

<!--标签-->
    <ul class="nav nav-tabs" role="tablist">
        <li class="active">
            <a href="#tab1" role="tab" data-toggle="tab">Tab1</a>
        </li>
        <li>
            <a href="#tab2" role="tab" data-toggle="tab">Tab2</a>
        </li>
    </ul>
<!--标签内容-->
<div class="tab-content">
    <div class="tab-pane active" id="tab1">
        tab1内容
    </div>
    <div class="tab-pane" id="tab2">
        tab2内容
    </div>
</div>

指定某个tab打开，可以加jquery：

<script type="text/javascript">
    $(document).ready(function(){
        $('a[href="#tab2"]').tab('show')
    });
</script>

 

详情：http://v3.bootcss.com/components/#nav-tabs