Basic
Split Dropdowns
To create a split button add class .dropdown-toggle-split
with your dropdown toggle class And to add divider between dropdown item use class .doprdown-divider
Outline
To create a dropdown with split button use .btn-outline-
with your dropdown toggle
Flat
To create a flat dropdown use .btn-flat-*
with your dropdown-toggle
Gradient
Sizes
To create dropdown with you can use .btn-lg
for large and .btn-sm
for Small with your .btn
class
Directions
You can use drop from diffrent direction to use drop from bottom right use .dropdown-menu-right
with your .dropdown-menu
. for drop up use .dropup
as a wrapper. for drop right use .dropright
as wrapper. for drop left use .dropleft
as a wrapper.
Variations
To create a dropdown with groups you can use .dropdown-header
for the header of groups and for sepration of group you can use .dropdown-divider
.
To create a dropdown with icons use class .dropdown-icon-wrapper
with your dropdown and you class class .dropdown-icon
with the default <i>
tag.