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

标签式导航：

胶囊式导航：

垂直导航：

两端对齐导航：