如何为引导菜单启用悬停事件？

Question

我实现了一个引导响应式丰富菜单，它工作正常。它适用于 Click 事件，我的问题是：如何将其更改为 Hover 事件？
所有引导菜单都有这个问题。bootstrap 对此没有任何支持？这是我使用的菜单：http : //geedmo.github.io/yamm/ 我的问题解决了：

<style>
    li.dropdown:hover .dropdown-menu {
        display: block;
    }

    li.dropdown:hover .dropdown-toggle {
        color: #555;
        background-color: #e5e5e5;
    }
</style>

但是出现了一个新问题，当我缩小浏览器时，子菜单显示在菜单的末尾 ，这是不合适的：/

Answer 1

将此样式添加到您的页面。

<style>
    li.dropdown:hover .dropdown-menu{display:block}
    li.dropdown:hover .dropdown-toggle{color:#555; background-color:#e5e5e5}
</style>

第一个将在鼠标悬停时启用下拉菜单，第二个将更改菜单标题颜色（为页面选择适当的颜色）。