.nav添加.nav-tabs设计标签页，.nav-tabs 依赖 .nav 基类。
<ul class="nav nav-tabs"> <li class="active"><a href="#">首页</a></li> <li><a href="#">个人设置</a></li> <li><a href="#">消息中心</a></li> </ul>
.nav添加.nav-pills设计胶囊式标签页
<ul class="nav nav-pills"> <li class="active"><a href="#">首页</a></li> <li><a href="#">个人设置</a></li> <li><a href="#">消息中心</a></li> </ul>
在<ul class="nav nav-pills">添加.nav-stacked设计胶囊式标签页垂直排列。
<ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">首页</a></li> <li><a href="#">个人设置</a></li> <li><a href="#">消息中心</a></li> </ul>
原文：http://www.cnblogs.com/libingql/p/5847644.html