Search results
Learn how to create and customize dropdown menus with Bootstrap, a popular CSS framework for web design. See different types of dropdowns, such as single button, split button, dropup, dropright, and dropleft, and how to use them with buttons, links, forms, and more.
Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
Overview. Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin. They’re toggled by clicking, not by hovering; this is an intentional design decision.
Learn how to create and style dropdown menus with Bootstrap, a popular CSS framework. See examples of basic, divider, header, disabled, right, dropup and accessibility dropdowns.
Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin. They’re toggled by clicking, not by hovering; this is an intentional design decision. Contents. Contents; Example. Button elements; Alignment; Menu headers; Menu dividers ...
The .dropdown class indicates a dropdown menu. To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-bs-toggle="dropdown" attribute. Add the .dropdown-menu class to a container element, like <div> or <ul> , to actually build the dropdown menu.
Responsive dropdown/caret built with Bootstrap 5. Examples of navbar dropdown, dropdown list, submenu, dropdown toggle, dropdown hover, hamburger icon & more.
