dropdown in bootstrap light code example

Example 1: dropdown bootstrap

  
    Dropdown link
  

  

    Action
    Another action
    Something else here
  

Example 2: bootstrap dropdown

.dropdown
Add a simple dropdown menu with buttons.

 
 Dropdown
 
 

 Action
 Another action
 

.dropdown-toggle-split
Create split button dropdowns with proper spacing around the dropdown caret.

 Dropdown
 
 Toggle Dropdown
 
 

 Action
 Another action
 

.dropup
Did you know that you can style a menu coming up rather than down? Now you do!


 
 Dropup
 
 

 
 

.dropright
Provide the menu to the right of the button.
 

 
 Dropright
 
 

 
  

.dropleft
...And you can also display the menu on the left.


 
 Dropleft
 
 

 
 

.dropdown-item-text
Add non-interactive dropdown items to your menu.

 Plain text
 Clickable action
 Another action
 Whatever else you need

.dropdown-item disabled
You can also choose to disable any menu item(s).

 Active link
 Disabled link
 One more link

.dropdown-divider
Add a simple divider between menu elements to draw extra attention.

.dropdown-menu-right
Align the entire menu to the right

 
 This dropdown’s menu is right-aligned
 
 

 Action
 Another action
 Something else here