Bootstrap3系列：導航

1. 標簽頁

　　.nav添加.nav-tabs設計標簽頁，.nav-tabs 依賴 .nav 基類。

1.1 示例代碼

<ul class="nav nav-tabs">
    <li class="active"><a href="#">首頁</a></li>
    <li><a href="#">個人設置</a></li>
    <li><a href="#">消息中心</a></li>
</ul>

1.2 示例效果

2. 膠囊式標簽頁

　　.nav添加.nav-pills設計膠囊式標簽頁

2.1 示例代碼

<ul class="nav nav-pills">
    <li class="active"><a href="#">首頁</a></li>
    <li><a href="#">個人設置</a></li>
    <li><a href="#">消息中心</a></li>
</ul>

2.2 示例效果

3. 膠囊式標簽頁垂直排列

　　在<ul class="nav nav-pills">添加.nav-stacked設計膠囊式標簽頁垂直排列。

3.1 示例代碼

<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>

3.2 示例效果