jquery - Bootstrap 菜单在悬停时显示菜单而不是单击

Question

我正在使用 bootstrap 生成 html 水平菜单

<div class="btn-group"">             
    <div class="btn-group">
        <button type="button" data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">About Us<span class="caret"></span></button>
        <ul class="dropdown-menu">
           <li><a href="/a/">Submenu 1</a></li>
           <li><a href="/b/">Submenu 2</a></li>
        </ul>
    </div>
</div>

这适用于点击，我如何修改它以改变行为，在悬停时显示子菜单项菜单而不是点击？

Answer 1

添加这个CSS

.btn-group:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}