Create dropdowns with Bootstrap using the <div class="dropdown"> class and <button class="btn btn-secondary dropdown-toggle"> for the toggle. Include <ul class="dropdown-menu"> for the menu items.

Use dropdown color variants in Bootstrap by applying color classes like .btn-primary or .btn-success to the <button class="btn btn-primary"> for different styles.

Create a split button dropdown with Bootstrap by using .btn-group and .dropdown-toggle-split classes. Apply these to separate the button and dropdown toggle.

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

Style dark dropdowns with Bootstrap by using the .dropdown-menu-dark class on the <ul> element for a dark theme.

Enable hover dropdowns with Bootstrap by using the .dropdown-hover class. Apply this class to the <div class="dropdown"> container for dropdowns that appear on hover.

Align dropdown menus with Bootstrap using .dropdown-menu-end to right-align and .dropdown-menu-start to left-align the dropdown menu relative to the toggle button.

Customize dropdown options in Bootstrap with data-bs-offset to adjust the dropdown position and data-bs-reference to specify the reference element for positioning.

Control auto-close behavior of dropdowns in Bootstrap using the data-bs-auto-close attribute. Set it to "true", "outside", or "inside" to define when the dropdown should close automatically.

Use utility classes like .active or .text-* to style dropdown items with different colors. This helps highlight selected or important menu options.

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