带悬停的引导下拉 [英] Bootstrap Dropdown with Hover

问题描述

OK，所以我需要的是相当直接。

OK, so what I need is fairly straightforward.

我已经设置了一个导航栏，其中有一些下拉菜单（使用 class = dropdown-toggledata-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.

$ c> 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
 }

工作小提琴

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