使用 Twitter Bootstrap 的多级下拉菜单
Twitter Bootstrap 2 缺乏多级下拉菜单的功能。但是，有一个解决方法可以实现此功能。
原始答案（Bootstrap 版本 3）
在 Bootstrap 版本 3 及更高版本中，多级下拉菜单默认支持。请参阅以下小提琴示例：
http://jsfiddle.net/2Smgv/2858/
原始答案（Bootstrap 版本 2）
对于旧版本的 Bootstrap，这里有一个 CSS hack，可以应用：
/* CSS code for sub-menu customization */
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
display: block;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}此 CSS 创建一个新的“.sub-menu”类来处理 2 级下拉菜单，将它们放置在菜单项旁边，并修改箭头以显示在菜单项的左侧子菜单组。
演示
您可以在此处查看此解决方法的演示： [演示链接]
以上是如何在 Twitter Bootstrap 中创建多级下拉菜单？的详细内容。更多信息请关注PHP中文网其他相关文章！
