
Navigation
Theme components
Form components
Apps
Documentation
Default dropdowns
Use .dropdown
class for default dropdowns
Small dropdowns
Use .dropdown-sm
class for smaller dropdowns.
Dropdown position from left
Use the .dropdown-menu-left
to set the position of the dropdown menu to the left.
Dropdown position from center
Use the .dropdown-menu-center
to set the position of the dropdown menu to the center.
Dropdown position from right
Use the .dropdown-menu-right
to set the position of the dropdown menu to the right
Dropdown origin from left
Use the .from-left
class to set the origin of the dropdown scaling animation to the left
Dropdown origin from top
Use the .from-top
class to set the origin of the dropdown scaling animation to the top
Dropdown origin from center
Use the .from-center
class to set the origin of the dropdown scaling animation to the center
Dropdown origin from right
Use the .from-right
class to set the origin of the dropdown scaling animation to the right
Dropdown columns
Use the .dropdown-menu-cols
with the .dropdown-cols-1
, .dropdown-cols-2
, .dropdown-cols-3
, .dropdown-cols-4
classes to put the dropdown items in columns.
Dropup alternative
Apply the .dropup
class instead of the .dropdown
for dropups.