Bootstrap学习--导航菜单

标签式导航

<ul class="nav nav-tabs"><li class="dropdown active"><a class="dropdown-toggle" data-toggle="dropdown" href="#">java</a><ul class="dropdown-menu"><li>java基础</li><li>java应用</li></ul></li><li><a href="#">C#</a></li><li><a href="#">C++</a></li><li><a href="#">PHP</a></li></ul>

class="nav"用于ul标签中，暗示这是一个导航。

class="nav-tabs"用于ul标签中，作用是声明该导航为标签式导航

class="nav-pills"用于ul标签中，作用是声明该导航为胶囊式导航
class="nav-stacked"，垂直导航，一般跟在nav-tabs或nav-pills后面

class="nav-justified",两端对齐的导航，一般跟在nav-tabs或nav-pills后面

标签式导航：

胶囊式导航：

垂直导航：

两端对齐导航：