悬停时自举菜单显示菜单而非点击

时间:2015-11-28 22:45:07

标签: jquery html css twitter-bootstrap

我正在使用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>

这适用于点击,如何更改此行为以更改行为,在悬停时显示子菜单项菜单而不是单击?

1 个答案:

答案 0 :(得分:4)

添加此css

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