Use btn class at to create a dropdown toggle with <button> element.

Use btn- class with below mentioned variation to color dropdown toggle.

Use dropdown-toggle-split to create split button dropdowns as a single button dropdown.

Use btn-lg class to create a large size dropdown button and btn-sm to create a small size dropdown button.

Use dropdown-menu-dark class onto an existing dropdown-menu to create dropdown items dark.

Dropdown demo with various dropdown alignment options.

Use data-bs-offset or data-bs-reference to change the position of the dropdown.

By default, the dropdown menu is closed when clicking inside or outside the dropdown menu. You can use the autoClose option to change this behavior of the dropdown.

Example of dropdown menu and dropdown item color.

Example of dropdown menu containing Headers, Text and Forms content.