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 .dropdown-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 different direction to use drop from bottom end use
.dropdown-menu-end with your .dropdown-menu. For drop up use
.dropup as a wrapper. For drop end use .dropend as wrapper. For drop start use
.dropstart as a wrapper.
Variations
To create a dropdown with groups you can use .dropdown-header for the header of groups and for
separation 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.