Dropdowns

Hover trigger

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" 
          data-bs-toggle="dropdown"
          data-bs-trigger="hover">
    Hover me
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="#">Action</a></li>
  </ul>
</div>

Add data-bs-trigger="hover" to enable hover. That's it.

Subtle animation

Dropdowns fade in with a gentle slide down (7px) over 300ms, replacing Bootstrap's instant appearance.

Details

• Stays open properly — Move from trigger to menu without it closing, even with gaps
• No accidental closes — Small delay prevents flickering
• Works everywhere — .dropdown, .btn-group, or any wrapper structure
• Smooth entrance — 300ms fade + slide animation on desktop