本文实例为大家分享了引导程序下拉菜单的具体代码，供大家参考，具体内容如下

效果图：

-需要引用bootstrap.min.css和bootstrap.min.css.js -代码如下

head meta charset=' UTF-8 ' title bootstrap 3的多级下拉菜单示例/title link 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 body div class=' container ' div class=' row ' H2自举3多级下拉菜单/H2 HR div class=' drop down ' a id=' dLabel '角色=' button ' data-toggle=' drop down ' class=' BTN BTN-default ' data-target=' # ' href=' JavaScript :'下拉多级菜单span class='脱字符号'/span/a ul class='下拉菜单多级'角色=' menu ' aria-labelledby=' DropDownMenu ' Li class='下拉菜单-子菜单a tabindex='-1 ' href=' JavaScript :'总经理/a ul class='下拉菜单lia tabindex='-1 ' href=' JavaScript :'经理1/a/Li lia tabindex='-1 ' href=' JavaScript :'经理' 2/a/Li/ul/Li类='下拉菜单-子菜单a tabindex='-1 ' href=' JavaScript :'研发部/a ul class='下拉菜单lia tabindex='-1 ' href=' JavaScript :'主管/a/li li class='分频器/li li class='下拉菜单-子菜单a href=' javascript: '员工/a ul class='下拉菜单lia href=' javascript: '互评/a/Li lia href=' JavaScript :'不互评/a/Li/ul/Li/ul/Li/ul/div/div/body以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。