A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list

The .dropdown-divider class is used to separate links inside the dropdown menu with a thin horizontal border

The .dropdown-header class is used to add headers inside the dropdown menu

The .dropdown-header class is used to add headers inside the dropdown menu

To right-align the dropdown, add the .dropdown-menu-right class to the element with .dropdown-menu

The .dropup class makes the dropdown menu expand upwards instead of downwards

Trigger dropdown menus at the right of the elements by adding .dropright to the parent element

Trigger dropdown menus at the right of the elements by adding .dropleft to the parent element

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.

Use .custom-dropdown this class for this style