#### Dropdowns

##### Custom Dropdown

##### Single Dropdown

###### Any single `.btn` can be turned into a dropdown toggle with some markup changes. Here’s how you can put them to work with either `<button>` elements:

Dropdown link

##### Split Dropdown

###### Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` for proper spacing around the dropdown caret.

##### Sizing Dropdown

###### Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.

##### Variant Dropdown

###### The best part is you can do this with any button variant, too:

##### Menu Alignment Left

###### By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent.

##### Menu Alignment Right

###### By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add `.dropdown-menu-right` to a `.dropdown-menu` to right align the dropdown menu.

##### Dropdown

###### Trigger dropdown menus below elements by default to the parent element.

##### Dropup

###### Trigger dropdown menus above elements by adding `.dropup` to the parent element.

##### Dropright

###### Trigger dropdown menus at the right of the elements by adding `.dropright` to the parent element.

##### Dropleft

###### Trigger dropdown menus at the left of the elements by adding `.dropleft` to the parent element.