自举，来自推特，是目前最受欢迎的前端框架自举是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得网开发更加快捷。

下面给大家分享引导程序多级下拉菜单功能的实例代码。

先给大家看下效果图：

-需要引用bootstrap.min.css和bootstrap.min.css.js

-代码如下

hearta charset=' UTF-8 '标题自举3的多级下拉菜单示例/titlelink rel='样式表href=' ~/Content/bootstrap。量滴CSS '/脚本类型=' text/JavaScript ' src=' http : ~/Content/bootstrap。量滴CSS。js '/脚本样式类型=' text/CSS ' .下拉菜单{相对位置： }。下拉菜单。下拉菜单{ top : 0；左： 100%;边距-top :-6px；左边距：-1px；-web套件-边框-半径： 0 6px 6px 6px-moz-border-radius : 0 6px 6px；边界半径： 0 6px 6px 6px}.下拉菜单-子菜单：悬停。下拉菜单{ display:块}。{显示：块后的下拉子菜单a :内容： " "；向右浮动：宽度： 0;高度： 0;边框-颜色：透明；边框样式：实心；边框-宽度： 5px 0 5px 5 px边框-左侧-颜色： # CCC边距-top : 5px；右边距：-10px；}.{左边框颜色： # fff}.下拉菜单。左拉{ float:无}。下拉菜单。向左拉。下拉菜单{左侧：-100%;左边距left: 10px-web套件-边框-半径： 6px 0 6px 6px-moz-border-radius : 6px 0 6px 6px；边界半径： 6px 0 6px 6px}/style/head dydiv class=' container ' div class=' row ' H2自举3多级下拉菜单/h2hr div class=' drop down ' a id=' dLabel ' role=' button ' data-toggle=' drop down ' class=' BTN BTN-default ' data-target=' # ' href=' JavaScript :'下拉多级菜单span class='插入符号'/span/aul class='下拉菜单多级'角色=' menu ' aria-labelledby=' DropDownMenu ' Li class='下拉菜单-子菜单a tabindex='-1 ' href=' JavaScript :'总经理/aul class='下拉菜单lia tabindex='-1 ' href=' JavaScript :'经理1/a/lilia tabindex='-1 ' href=' JavaScript :'经理2/a/li/ul/lili class='下拉菜单-子菜单a tabindex='-1 ' href=' JavaScript :'研发部/aul class='下拉菜单lia tabindex='-1 ' href=' JavaScript :'主管/a/lili class='分频器/lili class='下拉菜单-子菜单a href=' javascript: '员工/aul class='下拉菜单lia href=' javascript: '互评/a/lilia href=' JavaScript :'不互评/a/Li/ul/Li/ul/Li/ul/div/div/body以上所述是小编给大家介绍的Bootstrop实现多级下拉菜单功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！