Bootstrap plugin to enable Bootstrap dropdowns to activate on hover
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
- Pricing: Free
- Resource Link: https://github.com/influxive/bootstrap-hover-dropdown
- Resource Maker on Twitter: Rajat Gupta
- Mobile Platform Destination: Android Apps
- Mobile Platform Support: Native Android
- Programming Languages: JavaScript
Related resources
SegementSlide
Multi-tier UIScrollView nested scrolling solution
Mixin
React.js like Mixin. More powerful Protocol-Oriented Programming
Zeplin
Ultimate collaboration tool between designers and developers