Elements:Dropdowns
Setup
Dropdown functionality can be added to both
a
and
button
elements which have the
.btn
class.
Single Button
Single Link
Dropdown Mega Menus
Apply "mega menu" functionality by adding the class
.dropdown-mega-menu
to the parent of the
.dropdown-toggle
elements. You can use grid classes to layout the mega menu content.
Dropdown Alignment
Add
.dropdown-menu-BREAKPOINT-(start|end|auto)
to a
.dropdown-menu
to right align the dropdown menu.
Dropdown elements & styles
Dropdown Size
Small
Default
Large
Dropdown On Hover
To make dropdown menus show on hover instead of click simply add the class
dropdown-hover-BREAKPOINT
to your
.dropdown
elements and add
data-bs-hover="dropdown"
to your
data-bs-toggle="dropdown"
element.