Default dropdowns

Use .dropdown class for default dropdowns

Small dropdowns

Use .dropdown-sm class for smaller dropdowns.

Dropdown position from left

Use the .dropdown-menu-left to set the position of the dropdown menu to the left.

Dropdown position from center

Use the .dropdown-menu-center to set the position of the dropdown menu to the center.

Dropdown position from right

Use the .dropdown-menu-right to set the position of the dropdown menu to the right

Dropdown origin from left

Use the .from-left class to set the origin of the dropdown scaling animation to the left

Dropdown origin from top

Use the .from-top class to set the origin of the dropdown scaling animation to the top

Dropdown origin from center

Use the .from-center class to set the origin of the dropdown scaling animation to the center

Dropdown origin from right

Use the .from-right class to set the origin of the dropdown scaling animation to the right

Dropup alternative

Apply the .dropup class instead of the .dropdown for dropups.