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 示例效果