Dropdowns

Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.


Basic

Options

Colors

Sizing

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.

You can also change the dropdown menu’s size by adding .dropdown-menu-sm or .dropdown-menu-lg on the .dropdown-menu element.

Directions

Trigger dropdown menus above elements by adding .dropup, .dropright or .dropleft to the parent element.

Alignment

By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add .dropdown-menu-right to a .dropdown-menu to right align the dropdown menu.

Headers

Add a header to label sections of actions in any dropdown menu.

Dividers

Separate groups of related menu items with a divider.

Forms

Dark

Examples

Notifications

Messages

Languages