+91 90691 39140 | +1 253 214 3115 | info@hub4tech.com | hub4tech

Bootstrap Dropdowns video

Basic Dropdown

A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list:
Basic Dropdown

Dropdown Example
Dropdown Example

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. Add the .dropdown-menu class to a < ul > element to actually build the dropdown menu.

Dropdown Divider

The .divider class is used to separate links inside the dropdown menu:
< li class="divider" >< /li >

Dropdown Divider

Disable an Item

Dropdown Disabled Example To disable an item in the dropdown menu, use the .disabled class:
< li class="disabled" >< a href="#" >CSS< /a>< /li>

Dropdown Disabled Example

Is it Helpful?
Copyright ©2015 Hub4Tech.com, All Rights Reserved. Hub4Tech™ is registered trademark of Hub4tech Portal Services Pvt. Ltd.
All trademarks and logos appearing on this website are the property of their respective owners.