<ul class="nav nav-tabs">
<li > <a data-toggle="tab" data-target="#a">Home</a></li>
<li><a data-toggle="tab" data-target="#b">Profile</a></li>
<li><a data-toggle="tab" data-target="#c">Message</a></li>
<li><a data-toggle="tab"data-target="#d">Setting</a></li>
<div class="tab-pane fade in active" id="a">
<h3> home</h3>
</div>
<div class="tab-pane fade " id="b">
<h3>proifle</h3>
</div>
<div class="tab-pane fade" id="c">
<h3>Messsage</h3>
</div>
<div class="tab-pane fade " id="d">
<h3>Setting</h3>
</div>
<li > <a data-toggle="tab" data-target="#a">Home</a></li>
<li><a data-toggle="tab" data-target="#b">Profile</a></li>
<li><a data-toggle="tab" data-target="#c">Message</a></li>
<li><a data-toggle="tab"data-target="#d">Setting</a></li>
</ul>
<div class="tab-pane fade in active" id="a">
<h3> home</h3>
</div>
<div class="tab-pane fade " id="b">
<h3>proifle</h3>
</div>
<div class="tab-pane fade" id="c">
<h3>Messsage</h3>
</div>
<div class="tab-pane fade " id="d">
<h3>Setting</h3>
</div>
</div>
一定要引入bootstrap的js文件才可以看到效果。