标签页

1.以一个带有.nav、.nav-tabs / .nav-pills的无序列表开始；
2.用<a>标签来承载菜单项：为其添加data-toggle="tab"或data-toggle="pill"属性，以开启标签页功能；且链接指向特定内容页。
3.用一个带有.tab-content的<div>标签来承载内容页；
4.为每个内容页添加.tab-pane fade。

<ul class="nav nav-tabs">
    <li class="active"><a href="#t1"  data-toggle="tab">Home</a></li>
    <li><a href="#t2" data-toggle="tab">SVN</a></li>
</ul>
<div class="tab-content">
    <div id="t1" class="tab-pane fade in active">
        <div class="col-md-4">我是1</div>
    </div>
    <div id="t2" class="tab-pane fade">
        <div class="col-md-4">我是2</div>
    </div>
</div>