Dropdowns

Dropdowns are toggleable, contextual overlays for displaying lists of links and more.

Example

Wrap the dropdown’s toggle (your button or link) and the dropdown menu within .dropdown, or another element that declares position: relative;. Any single .btn can be turned into a dropdown toggle.

Preview
HTML



    
    
        Dropdown header
        Regular link
        Active link
        
        Disabled
        link
        
        Another link
        
        Separated link

Dropdown Menu Size

Use class .dropdown-menu-{sm|md|lg|xl} to apply size variation.

Preview
HTML

Preview
HTML



    
    
        Dashboard
         Track time
        Contact
        
        Settings

Getting Started

Content & Layout

Components

Utilities

Dropdowns

Example

Dropdown Menu Size