如何使 Bootstrap 下拉菜单启用悬停？

Bootstrap Hover Dropdown

您已使用 Bootstrap 的“onClick”功能配置了带有下拉菜单的导航栏。但是，您希望在鼠标悬停时激活下拉菜单。

解决方案：

Bootstrap 不提供内置的下拉菜单悬停功能。为此，我们可以利用 CSS：

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

此 CSS 规则将：

• 当父下拉列表悬停时显示下拉菜单
• 消除由默认 margin-top 值创建的间隙

以上是如何使 Bootstrap 下拉菜单启用悬停？的详细内容。更多信息请关注PHP中文网其他相关文章！