What are different Dropdown Components in Bootstrap ?
Dropdowns in Bootstrap provide interactive menus for users to choose from a list of options. They enhance user experience by organizing content into manageable sections, enabling users to access additional features or navigate to different parts of a website with ease.
Preview
The below table illustrates the Bootstrap dropdown components alongside their description.
Component | Description |
---|---|
Basic Dropdown | The standard dropdown menu (<div class=”dropdown”>) provides a simple list of selectable options that can be triggered by a button or link. |
Split Button Dropdown | A split button dropdown (<div class=”btn-group”>) combines a regular button with a dropdown button, offering both direct action and additional options. |
Dropdown Menu | The dropdown menu (<ul class=”dropdown-menu”>) is the container for the dropdown items, which can include links, buttons, or other interactive elements. |
Dropdown Divider | A dropdown divider (<div class=”dropdown-divider”>) is used to visually separate groups of related dropdown items. |
Dropdown Header | A dropdown header (<h6 class=”dropdown-header”>) provides a title or label for a group of dropdown items, enhancing organization and clarity. |
Contact Us