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.