What is BootstrapHoverDropdownPlugin?

BootstrapHoverDropdownPlugin is a simple plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.

The dropdowns are dismissed after a configurable delay. This fixes an issue that can instantly close your nav because of a 1px gap between the button/nav item that activated the dropdown and the actual dropdown. It is also generally a better user experience, as users are not punished by going 1 pixel outside of the dropdown, which would instantly close the nav without a delay.

Note: The HTML markup is the same as with any other Bootstrap dropdown. This will not interfere with Bootstrap’s default activate-on-click method (i.e. this plugin combined with Bootstrap’s default behavior work well to support both the ideal experience on desktop and mobile).

Overview