html如下：
<!-- nav nav-tabs 导航 -->
<ul class="nav nav-tabs">
<li class="active"><a href="#name" data-toggle="tab">首页</a></li>
<li><a href="#name1" data-toggle="tab">首页</a></li>
<li><a href="#name2" data-toggle="tab">首页</a></li>
<li><a href="#name3" data-toggle="tab">首页</a></li>
<li><a href="#name4" data-toggle="tab">首页</a></li>
<li><a href="#name5" data-toggle="tab">首页</a></li>
</ul>
<!-- tab-pane fade in active 淡入效果 第一个需要加in -->
<div class="tab-content">
<div class="tab-pane fade in active" id="name">1111111</div>
<div class="tab-pane fade " id="name1">1111111</div>
<div class="tab-pane fade " id="name2">2222222</div>
<div class="tab-pane fade " id="name3">3333333</div>
<div class="tab-pane fade " id="name4">4444444</div>
<div class="tab-pane fade " id="name5">5555555</div>
</div>
