Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
The best part is you can do this with any button variant, too:
The best part is you can do this with any button variant, too:
Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
Trigger dropdown menus above elements by adding .dropup
,.dropleft
,.dropright
to the parent element.
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.
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.
Separate groups of related menu items with a divider.
Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require.