Αποτελέσματα Αναζήτησης
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.
- Sign in
Dropdowns are toggleable, contextual overlays for displaying...
- Latest (5.2.X)
Menu alignment . By default, a dropdown menu is...
- Navs & Tabs
Base nav. Navigation available in Bootstrap share general...
- V5.1.3
Menu alignment. By default, a dropdown menu is automatically...
- Sign in
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.
Customize the native <select> s with custom CSS that changes the element’s initial appearance. Default. Custom <select> menus need only a custom class, .form-select to trigger the custom styles. Custom styles are limited to the <select> ’s initial appearance and cannot modify the <option> s due to browser limitations. Copy.
Bootstrap 5 Dropdown component Responsive dropdown/caret built with Bootstrap 5. Examples of navbar dropdown, dropdown list, submenu, dropdown toggle, dropdown hover, hamburger icon & more. Dropdowns are responsible for toggleable (collapsible) display a list of links.
Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
API. Bootstrap 5 Dropdown menu component. Responsive dropdown menu component built with the latest Bootstrap 5. Dropdown menu component displays a list of actions or options that the user can select one. Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. Basic dropdowns.
Example Explained. 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-toggle="dropdown" attribute. The .caret class creates a caret arrow icon (), which indicates that the button is a dropdown.
