Basic

Dropdowns are toggleable, contextual overlays for displaying lists of links and more.

Split button

Create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition button.

Dark

Opt into darker dropdowns to match a dark navbar or custom style.

Directions

Trigger dropdown menu directions easily.

Menu items

You can optionally use <button> elements in your dropdowns instead of just <a>s. You can also create non-interactive dropdown items with .dropdown-item-text.

  • Other actions:

Menu content

Auto close behavior

By default, the dropdown menu is closed when clicking inside or outside the dropdown menu. You can use the autoClose option to change this behavior of the dropdown.

Dropdown hover

Dropdown box that appears when the user moves the mouse over an element.