如何使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; 
}