Dropdowns
Variant
The best part is you can do this with any button variant, too:
Dropdown Outline
The best part is you can do this with any button variant, too:
Split Button Dropdowns
The best part is you can do this with any button variant, too:
Split Outline Button Dropdowns
The best part is you can do this with any button variant, too:
Variant Rounded Circle
The best part is you can do this with any button variant, too:
Outline Rounded Circle Dropdowns
The best part is you can do this with any button variant, too:
Soft Dropdown Examples
The best part is you can do this with any button variant, too:
Squeare Dropdowns Examples
The best part is you can do this with any button variant, too:
Outline Border Dropdowns Examples
The best part is you can do this with any button variant, too:
Skew Dropdowns Examples
The best part is you can do this with any button variant, too:
Sizing Dropdowns Examples
Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
Single Dropdown Example
The best part is you can do this with any button variant, too:
Dropup Variation Examples
Trigger dropdown menus above elements
by adding .dropup
to the parent
element.
Dropend Variation Examples
Trigger dropdown menus at the right of the elements by adding .dropend
to the parent element.
Menu Alignment
Add .dropdown-menu-end
to a .dropdown-menu
to right
align the dropdown menu.
Dropstart Variation Examples
Trigger dropdown menus at the right of the elements by adding .dropstart
to the parent element.