Dropdowns
Single button dropdowns
Any single .btn can be turned into a dropdown
toggle with some markup changes. Here’s how you can put them to work
with either <button>
elements:
Sizing
Button dropdowns work with buttons of
all sizes, including default and split dropdown buttons.
Add .btn-lg and .btn-sm
Variant and Split button dropdowns
The best part is you can do this with any button variant, too:
Drop variation
Trigger dropdown menus above elements
by adding .dropup to the parent
element.
Menu alignment
Add .dropdown-menu-right
to a .dropdown-menu to right
align the dropdown menu.
Icon Dropdown
Badges can be used as part of links or icon dropdown to provide a counter.