Twitter Bootstrap导航下拉菜单

Question

我一直在尝试向我的网站添加三层导航系统。您可以在此处查看测试：http://see-gigs.com/

我得到的问题是第二层工作良好，您将鼠标悬停在该项目上并显示下拉菜单。但是，当第二层包含第三层时，在悬停前可以立即看到这些物品。任何想法/建议，为什么这不能正常工作？

Answer 1

您用于匹配下拉列表的选择器也与您的第二级下拉菜单相匹配，所以当您悬停菜单项时，两个下拉菜单都会打开。为了解决这个问题，只需使用child selector只匹配一级下拉菜单中，像这样：

变化

ul#main-nav li.dropdown:hover ul.dropdown-menu { 
    display: block; 
} 

要

ul#main-nav li.dropdown:hover > ul.dropdown-menu { 
    display: block; 
}