1. tab page
. Nav add . nav-tabs Design tab,. nav-tabs dependent . Nav base class.
1.1 Sample Code
<ulclass= "Nav nav-tabs"> <Liclass= "Active"><ahref="#">Home</a></Li> <Li><ahref="#">Personal settings</a></Li> <Li><ahref="#">Message Center</a></Li></ul>
1.2 Example Effects
2. Capsule-Type Label page
. Nav add . nav-pills Design Capsule label page
2.1 Sample Code
<ulclass= "Nav nav-pills"> <Liclass= "Active"><ahref="#">Home</a></Li> <Li><ahref="#">Personal settings</a></Li> <Li><ahref="#">Message Center</a></Li></ul>
2.2 Example Effects
3. Capsule-Type tab vertical arrangement
In <ul class= "Nav nav-pills" > add . nav-stacked Design capsule-style tabs are arranged vertically.
3.1 Sample Code
<ulclass= "Nav nav-pills nav-stacked"> <Liclass= "Active"><ahref="#">Home</a></Li> <Li><ahref="#">Personal settings</a></Li> <Li><ahref="#">Message Center</a></Li></ul>
3.2 Example Effects
BOOTSTRAP3 Series: Navigation