Dropdowns

Dropdowns

Dropdowns reveal a menu of related actions or navigation choices from a trigger.

Core concept

Explain dropdown-toggle, dropdown-menu, dropdown-item, dividers, headers, active/disabled items, and placement classes. Describe the role of Bootstrap\'s JavaScript plugin.

Using it in a real interface

Build an account menu with Profile, Settings, a divider, and Sign out. Explain why destructive actions should be visually separated and why menu items need concise labels.

Implementation notes

Do not place large forms or long explanatory content inside a dropdown unless the interaction genuinely benefits from it. For complex content, use a dedicated page or another component.