导航栏
1.标签页
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation"><a href="#">Android</a></li>
</ul>
2.胶囊式标签页
<ul class="nav nav-pills">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation"><a href="#">Android</a></li>
</ul>
3.垂直胶囊式标签页
<ul class="nav nav-pills nav-stacked" style="width:100px">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation"><a href="#">Android</a></li>
</ul>
4.两端对齐的导航
标签式或胶囊式导航菜单与父元素等宽(平均分)
使用 .nav、.nav-tabs 或 .nav、.nav-pills 的同时使用 class .nav-justified
<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation"><a href="#">Android</a></li>
</ul>
5.禁用的链接
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Java</a></li>
<li role="presentation"><a href="#">IOS</a></li>
<li role="presentation" ><a href="#">Android</a></li>
<li role="presentation" class="disabled" ><a href="#">TokyoHot</a></li>
</ul>