使用bootstrap创建多级下拉菜单时，可通过嵌套ul和li结构，结合css与javascript实现层级展开功能。
2、 进入第二步后，点击下载Bootstrap，可选择源码版本或适用于生产环境的版本，具体选项所示。
3、 第三步是在计算机本地创建一个HTML文件，并在其中引入三个必要的资源文件：jQuery-2.2.0.min.js、bootstrap.min.css 和 bootstrap.min.js，具体引用方式所示。
4、 第四步利用Bootstrap构建多级导航菜单，此处设计为三级结构。通过运用dropdown-menu类配合ul与li标签的嵌套样式，可清晰定义各级菜单层级，实现流畅的下拉展开效果，具体布局如示例所示。
纯CSS3水平手风琴分享按钮菜单
下载
对于手风琴动画，我们以前分享过很多，有基于jQuery的手风琴菜单，比如jQuery多层级垂直手风琴菜单；也有基于jQuery的手风琴焦点图，比如jQuery实现横向手风琴图片轮播焦点图效果。今天要分享的是一款利用纯CSS3实现的水平手风琴分享按钮菜单，每一个分享按钮展开时会有该平台的简单介绍，非常绚丽实用。
5、 第五步是依据多级菜单页面设定其样式，具体代码参见下图。
6、 在浏览器中打开页面后，可看到基于Bootstrap实现的多级菜单效果，界面清晰，层级分明，所示。
