Dropdown

Basic Examples
Single button dropdowns:
ActionAnother actionSomething else here
ActionAnother actionSomething else here
ActionAnother actionSomething else here
Single button dropdowns:
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Button state dropdowns:
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
Single button dropdowns:
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Single icon button dropdowns:
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
Sizing
Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
ActionAnother ActionSomething Else Here
ActionAnother ActionSomething Else Here
ActionAnother ActionSomething Else Here
Dropup Variation
Trigger dropdown menus above elements by adding .dropup to the parent element.
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
Dropdown Menu
You can optionally use button elements for your dropdowns items.
ActionAnother actionSomething else here
ActionAnother actionSomething else here
ActionAnother actionSomething else here
Add .dropdown-menu-right to a .dropdown-menu to right align the dropdown menu.
Add a header to label sections of actions in any dropdown menu.
Dropdown header
ActionAnother actionSomething else here
Separated link
Dropdown header
ActionAnother actionSomething else here
Separated link
Dropdown header
ActionAnother actionSomething else here
Separated link
Separate groups of related menu items with a divider.
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
Add .disabled to items in the dropdown to style them as disabled.
Active linkDisabled linkAnother link
Active linkDisabled linkAnother link
Regular linkDisabled linkActive link