先给大家说下我的实现思路：给div一个class “dropdown”，将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。
<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li> <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li> </ul> </div>
以上所述是小编给大家介绍的第八篇Bootstrap下拉菜单实例代码的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持！
您可能感兴趣的文章:
- 学习Bootstrap滚动监听 附调用方法
- Bootstrap教程JS插件滚动监听学习笔记分享
- Bootstrap滚动监听（Scrollspy）插件详解
- Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
- BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
- 基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项，一个下拉菜单和登录表单导航条)
- Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
- 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
- Bootstrap+jfinal实现省市级联下拉菜单
- BootStrap下拉菜单和滚动监听插件实现代码
