Button Group

Dropdown Button

Basic Example

Single button dropdowns
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Dropdown menu with icons
Action Another action Something else
Action Another action Something else
Action Another action Something else
Button state dropdowns
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Single button dropdowns
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Sizing

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropup variation

Trigger dropdown menus above elements by adding .dropup to the parent element.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropleft variation

Trigger dropdown menus at the left of the elements by adding .dropleft to the parent element.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropright variation

Trigger dropdown menus at the right of the elements by adding .dropright to the parent element.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Dropdown Button

Menu items

You can optionally use button elements in your dropdowns instead

Menu alignment

Add .dropdown-menu-right to a .dropdown-menu to right align the dropdown menu.

Menu headers

Add a header to label sections of actions in any dropdown menu.
Dropdown header
Action Another action Something else here
Separated link
Dropdown header
Action Another action Something else here
Separated link
Dropdown header
Action Another action Something else here
Separated link

Menu dividers

Separate groups of related menu items with a divider.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Disabled & Active Menu Items

Add .disabled to items in the dropdown to style them as disabled.
Active link Disabled link Another link
Active link Disabled link Another link
Regular link Disabled link Active link
Megan wrote
Hi Bob. What time will be the meeting ?
Hi Megan. It's at 2.30PM
Megan wrote
Will the development team be joining ?
Yes sure. I invited them as well
2:30PM
Megan wrote
Noted. For the Coca-Cola Mobile App project as well ?
Yes, sure.
Please also prepare the quotation for the Loop CRM project as well.
3:15PM
M
Megan wrote
Noted. I will prepare it.
Thanks Megan. I will see you later.
Megan wrote
Sure. See you in the meeting soon.
General Settings
Email Notifications
Site Tracking
SMS Alerts
Backup Storage
Audit Logs
System Settings
System Logs
Error Reporting
Applications Logs
Backup Servers
Audit Logs