本文摘自PHP中文网，作者青灯夜游，侵删。
Bootstrap内置了一套完整的下拉菜单组件，下面本篇文章就来给大家介绍一下Bootstrap中的下拉菜单类。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
下拉菜单是一种非常常见的效果，用于展示可切换、有关联的一组链接，它可以节省网页排版空间，使网页布局简洁有序。
Bootstrap内置了一套完整的下拉菜单组件，可用于不同的元素，如导航、按钮等等。配合其他元素，还可以设计出形式多样的菜单效果。
下拉菜单的交互行为还需要 下拉菜单插件（dropdown.js）的支持，因此使用下拉菜单组件时，还必须引入 dropdown.js 文件。
相关推荐：《bootstrap教程》
创建下拉菜单
Bootstrap中的下拉菜单都是基于列表实现的，可以使用无序列表（<ul>）或有序列表（<ol>），暂不支持描述列表（<dl>）。
为 <ul> 或 <ol> 添加 .dropdown-menu 类，即可创建一个下拉菜单。如：
1 2 3 4 5 |
|
效果如图 3?8所示：
图3-8 下拉菜单
相关阅读 >>
更多相关阅读请进入《bootstrap》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
