#### 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.