带有悬停的 Bootstrap 下拉菜单 [英] Bootstrap Dropdown with Hover

问题描述

好的，所以我需要的是相当简单的.

OK, so what I need is fairly straightforward.

我已经设置了一个带有一些下拉菜单的导航栏(使用 class="dropdown-toggle" data-toggle="dropdown")，并且工作正常.

I have set up a navbar with some dropdown menus in it (using class="dropdown-toggle" data-toggle="dropdown"), and it works fine.

问题是它在onClick"中起作用，而我更喜欢它是否在onHover"中起作用.

The thing is it works "onClick", while I would prefer if it worked "onHover".

是否有任何内置方法可以做到这一点?

Is there any built-in way to do this?

推荐答案

最简单的解决方案是使用 CSS.添加类似...

The easiest solution would be in CSS. Add something like...

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

工作小提琴

这篇关于带有悬停的 Bootstrap 下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！