html - 如何使 Bootstrap 下拉菜单切换子项？

Question

我正在使用 Bootstrap 开发一个网站。我有响应式菜单，在移动设备上变成汉堡包。现在，我的下拉菜单已经有了下拉菜单项，当其中一个下拉时，它会覆盖菜单的其余部分。我怎么能阻止这一切？

例子:

MENU
    item1
        subitem1.1
        subitem1.2
    item2
        subitem2.1
        subitem2.2
    item3
    item4

在此处查看它的外观:http://finestof.me/buona-vista-resort/

建议？

Answer 1

通过检查您的下拉菜单，您似乎在“.dropdown”上有干扰 css。特别是“.navbar-nav .open .dropdown-menu”。 它应该有:

.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
}

所以你需要删除:

.dropdown-menu {
    position: absolute;
    float: left;
}