使用 Twitter Bootstrap 2 创建多级下拉菜单
Twitter Bootstrap 2 提供了一组强大的组件，但本机不支持多级下拉菜单。这个问题引起了 GitHub 社区的关注，导致许多开发人员寻求替代解决方案。
要解决此限制，可以实现以下 CSS 代码：
.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 类，该类允许您扩展标准下拉列表以包含其他级别。子菜单的位置和可见性可以通过 CSS 进行控制。
此解决方案是在 Bootstrap 版本 3 之前创建的，该版本引入了对多级下拉菜单的本机支持。如果您使用的是 Bootstrap 版本 2，此解决方案适合实现类似的功能。但是，对于 Bootstrap 版本 3 及更高版本，不再需要使用此解决方案。
以上是如何在 Twitter Bootstrap 2 中创建多级下拉菜单？的详细内容。更多信息请关注PHP中文网其他相关文章！
