How to Make Bootstrap Dropdowns Hover-Enabled?

Bootstrap Hover Dropdown

You've configured a navigation bar with dropdown menus using Bootstrap's "onClick" functionality. However, you'd like to activate the dropdowns on mouse hover instead.

Solution:

Bootstrap doesn't provide built-in hover functionality for dropdowns. To achieve this, we can leverage CSS:

This CSS rule will:

• Show the dropdown menu when the parent dropdown is hovered over
• Eliminate the gap created by the default margin-top value

The above is the detailed content of How to Make Bootstrap Dropdowns Hover-Enabled?. For more information, please follow other related articles on the PHP Chinese website!