Bootstrap Dropdown Components
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });
Bootstrap Dropdown Components
❮ Previous
Next ❯
Dropdowns
For a tutorial about Dropdowns, read our Bootstrap Dropdowns Tutorial.
| Class | Description | Example |
|---|---|---|
| .dropdown | Indicates a dropdown menu | Try it |
| .dropdown-menu | Builds the dropdown menu | Try it |
| .dropdown-menu-right | Right-aligns a dropdown menu | Try it |
| .dropdown-header | Adds a header inside the dropdown menu | Try it |
| .dropup | Indicates a dropup menu | Try it |
| .disabled | Disables an item in the dropdown menu | Try it |
| .divider | Separates items inside the dropdown menu with a horizontal line | Try it |
Collapsibles
For a tutorial about collapsibles, read our Bootstrap Collapse Tutorial.
| Class | Description | Example |
|---|---|---|
| .collapse | Indicates collapsible content - which can be hidden or shown on demand | Try it |
| .collapse .in | Show the collapsible content by default | Try it |
| .panel-collapse | Collapsible panel (toggle between hiding and showing panel(s)) | Try it |
| Collapsible list group | Try it | |
| Accordion | Try it |
❮ Previous
Next ❯