A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.
Basic Dropdown
Examples:
HTML Code:
Dropdown Position
Right Direction
To right-align the dropdown, add the .dropdown-menu-right
class to the element with .dropdown-menu
:
Examples:
HTML Code:
Up Direction
If you want the dropdown menu to expand upwards instead of downwards, change the <div> element with class="dropdown"
to class="dropup"
Examples:
HTML Code:
Up Direction Right Direction
To right-align the dropdown, add the .dropdown-menu-right
class to the element with .dropdown-menu