Basic Dropdown
A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list
Dropdown Divider
The .dropdown-dividerclass is used to separate links inside the dropdown menu with a thin horizontal border
Dropdown Header
The .dropdown-headerclass is used to add headers inside the dropdown menu
Disable and Active items
The .dropdown-headerclass is used to add headers inside the dropdown menu
Align Right
To right-align the dropdown,add the .dropdown-menu-rightclass to the element with .dropdown-menu
Dropup
The .dropupclass makes the dropdown menu expand upwards instead of downwards
Dropright
Trigger dropdown menus at the right of the elements by adding .droprightto the parent element
Dropleft
Trigger dropdown menus at the right of the elements by adding .dropleft to the parent element
Button Dropdowns
Sizing
Button dropdowns work with buttons of all sizes,including default and split dropdown buttons.
Custom style
Use .custom-dropdownthis class for this style