首页 > 代码库 > Bootstrap下拉菜单
Bootstrap下拉菜单
【Bootstrap 下拉菜单】
<div class="dropdown"> <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">Java</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">数据挖掘</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a> </li> <li role="presentation" class="divider"></li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">分离的链接</a> </li> </ul></div>
实现下拉菜单有几个要点：
1、根部div必须 class="dropdown"
2、Button必须 data-toggle="dropdown"
3、ul必须 class="dropdown-menu"
可以通过js来调用：
$(‘.dropdown-toggle‘).dropdown()
参考：
1、http://www.runoob.com/bootstrap/bootstrap-dropdowns.html
2、http://www.runoob.com/bootstrap/bootstrap-dropdown-plugin.html
Bootstrap下拉菜单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。