Html 悬停DISSAPEAR上的下拉菜单（使用引导）

我在bootstrap的帮助下进行了导航。使用css，我创建了一个子菜单，显示在悬停状态。 只有当我想单击子菜单中的标题时，子菜单才会在我单击它之前消失

我在其他线程上读到，我必须在css中添加以下内容：

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

}

我添加了它，但它仍然不起作用。我做错了什么

这是小提琴：

---

Gr.Robin

之所以会出现这种情况，是因为您的填充只向下移动了

10px

，然后您的子菜单位于灰色下方。虽然填充未到达主菜单的末尾，因此当鼠标悬停离开

.nav>li>a

时，它现在只悬停

.nav

，不会保持子菜单打开

将填充更改为：

.nav>li>a

致：

---

正在工作的JSFIDLE:

我无法使任何类型的子菜单仅显示为悬停。我必须单击标题才能显示任何子菜单。如果你将屏幕变宽，就会显示。它不适用于较小的视图。@user231439当您有机会接受答案时，您是否可以让其他人知道此问题已为您解决？谢谢

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