悬停下拉菜单消失（使用引导程序）

Question

我在bootstrap的帮助下进行了导航。用css我做了一个在悬停时出现的子菜单。 只有当我想点击子菜单中的标题时，子菜单才会在我点击它之前消失。

我已阅读其他主题，我必须将以下内容添加到css中：

.dropdown:hover  > .dropdown-menu {
display: block;

}

我添加了它，但它仍然无法正常工作。我做错了什么？

这是小提琴：http://jsfiddle.net/robin2609/buw4wc1t/

的Gr。罗宾

Answer 1

这是因为您的填充只会向下10px，然后您的子菜单低于灰色。当你的填充没有到达主菜单的末尾时，因此当悬停从.nav > li > a移开时，它现在只悬停.nav，这不会使子菜单保持打开状态。

更改填充：

.nav > li > a

为：

.nav > li > a
{
    padding: 10px 13px 30px 13px;
}

使用JSFiddle：http://jsfiddle.net/buw4wc1t/3/