Dropdowns
Button with Dropdown
Split button dropdowns
Light Button with Dropdown
Light Split with Dropdown
Large button dropdowns
Use a
.btn-lg
classes to create
instant button
Small button dropdowns
Use a
.btn-sm
classes to create
instant button
Large Dark Dropdown
Use
dropdown-menu-dark
for dark
dropdown buttons.
Small Dark Dropdown
Use
dropdown-menu-dark
for dark
dropdown buttons.
Animated Dropdowns
Give class to the button
animated flipInX, flipInY, lightSpeedIn, slideInUp
use any animations class
Light Animated Dropdowns
Give class to the button
animated flipInX, flipInY, lightSpeedIn, slideInUp
use any animations class
Animated Dropdowns with icon
Give class to the button
animated flipInX, flipInY, lightSpeedIn, slideInUp
use any animations class
Light Animated Button Dropdowns with icon
Give class to the button
animated flipInX, flipInY, lightSpeedIn, slideInUp
use any animations class
Direction of the Dropdown
Trigger dropdown menus above elements by adding
.dropup
to the parent element.
Dropdown Right Side
Dropdown Up Side
Dropdown Left Side
Menu Alignment
Add
.dropdown-menu-end
to a
.dropdown-menu
to right align
the dropdown menu.