• Resources
    • Free Guides & Templates
    • Tools & Books
  • HubSpot Website Templates
  • What is HubSpot?

Show Bootstrap Dropdown on Hover Instead of Click

Bootstrap Snippets Library / Dropdowns Examples
  • Bootstrap 4

Code Snippet Preview

View Demo View CodePen


Unify - Multipurpose Responsive Template
Tired of Fiddling with CSS and Design Layout?

Shop Bootstrap Templates
Share this


This jQuery script applies the default .open class to the .dropdown to show the drodpdown menu on hover instead of the click event.

Related resources

  • WordPress vs HubSpot CMS Review
  • 25+ Questions to Ask Before Redesigning Your Business Website
  • 5 Things A Business Should Consider Before a Website Redesign
  • How to Quickly Create a Website for B2B Company
  • HubSpot Custom Modules Marketplace
  • Buy HubSpot Modules in Bulk
  • What is HubSpot?

    Learn how HubSpot CRM software can help your business grow.

    CRM + CMS + Sales Pipeline Software

    Learn More

    Advertise Here

    Home / Show Bootstrap Dropdown on Hover Instead of Click

    HubSpot Marketplace Themes

    • HubSpot Website Themes
    • HubSpot Landing Page Templates
    • HubSpot Blog Themes
    • Buy HubSpot Custom Modules in Bulk
    • Free HubSpot Themes
    • Documentation & Support
    • Billing Terms & Conditions

    Free Digital Marketing Resources

    • Markdown to HTML Tool
    • Default HubSpot Themes Comparison Table
    • Free Keyword Match Type Tool for PPC
    • Printable UX UI Wireframe Templates
    • Web Development Code Snippets
    • Bootstrap 5 Cheat Sheet | v. 4 | v. 3
    • Flexbox Cheat Sheet | CSS Properties
    • Responsive Website Examples
    • HubSpot HubL Quick Reference

    Free Website Improvement Guides

    • HubSpot CMS Tutorial for Beginners
    • Website Redesign Planning Worksheet
    • HubSpot CMS vs WordPress 2023
    • 10+ Best HubSpot CMS Website Themes
    • 7+ Best HubSpot CMS Developers & Designers
    • What is HubSpot and How Does it Work?
    • Free Website Builder for Small Business
    • Read Blog
    • Tools I Use

    Jacob Lett headshot photo
    Jake Lett

    Helping B2B Marketing & Sales Teams Using HubSpot to Improve Their Websites to Increase Revenue Growth.

    • Metro Detroit, Michigan 48038 USA
    • Contact Jake  |  (586) 894-8024

    • HubSpot Partner Developer Michigan
    • HubSpot CMS Developer


    • ©2023 Bootstrap Creative LLC
    • Privacy & Terms
    • B2B Ecommerce Website Templates
    • Free BigCommerce Themes & Templates
    • B2B Website Templates
    • Is HubSpot Worth It?
    • HTML Sitemap