本篇将主要介绍Bootstrap的菜单、导航。
本篇开始将引入javascript相关文件，如下：
在Bootstrap中，下拉菜单组件是一个独立的组件。Bootstrap的组件交互效果都是依赖于jquery库写的插件，所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效。
1.下拉菜单-基本用法
<Meta charset="utf-8">
下拉<a href="/tag/caidan/" target="_blank" class="keywords">菜单</a>基本<a href="/tag/yongfa/" target="_blank" class="keywords">用法</a>
菜单
注意：
有时候会有向上弹起的需求，那么只需要在“dropdown”类名基础上追加“dropup”类名即可。效果图如下：
2.下拉菜单-对齐方式
Bootstrap中下拉菜单默认是左对齐，如果想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名，如下所示：
...
...
效果图如下：
3.按钮-按钮组
按钮组也是一个独立的组件。需要依赖于button.js插件才能正常运行。而bootstrap.js已集成了button.js插件功能。
用法：使用“btn-group”容器，把多个按钮放到这个容器中。如下所示：
按钮组
效果图如下：
4.按钮-嵌套分组
很多时候，我们常把下拉菜单和普通的按钮组排列在一起，实现类似于导航菜单的效果。使用Bootstrap按钮的嵌套分组的时候，只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级。如下所示：
...
...
效果图如下：
在实际运用当中，总会碰到垂直显示的效果。在Bootstrap中也提供了这样的风格。我们只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可实现按钮的垂直分组。
5.按钮-等分按钮
等分按钮（自适应分组按钮）实现方法也非常的简单，只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名，如下所示：
