第八篇Bootstrap下拉菜单实例代码

先给大家说下我的实现思路：给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下拉菜单和滚动监听插件实现代码