Dropdown Basic
Dropdowns are toggleable, contextual overlays for displaying lists of links and more.
Default
A basic example
Alignment
.dropdown-menu-right
applies to .dropdown-menu
Dropup
.dropup
replaces with .dropdown
Dropup alignment
.dropdown-menu-right
applies to .dropdown-menu
No caret
.no-caret
applies to .dropdown-toggle
With icon
.icon
applies to .dropdown-toggle
Dropdown menu
Dropdowns are toggleable, contextual overlays for displaying lists of links and more.
Header
Divider
With icon
With badge
Disabled item
.disabled
applies to .dropdown-item
Active item
.active
applies to .dropdown-item
Small
.dropdown-sm
applies to .dropdown or .dropup
Large
.dropdown-lg
applies to .dropdown or .dropup
Icons
Icons and title
Color icons
Color icons and title
2 cols
.cols-2
applies to .dropdown-grid
4 cols
.cols-4
applies to .dropdown-grid
Disabled item
.disabled
applies to .dropdown-item
Active item
.active
applies to .dropdown-item