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

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 Menu Items

Add .disabled to items in the dropdown to style them as disabled.
Regular link Disabled link Another link
Regular link Disabled link Another link
Regular link Disabled link Another 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
System Logs
12 new users registered important Just now
System shutdown 11 mins
New invoice received 20 mins
Database overloaded 89% resolved 1 hr
System error 2 hrs
Production server down pending 3 hrs
Production server up 5 hrs
Applications Logs
New order received urgent 7 hrs
12 new users registered Just now
System shutdown 11 mins
New invoices received 20 mins
Database overloaded 89% 1 hr
System error pending 2 hrs
Production server down 3 hrs
Server Logs
Production server up 5 hrs
New order received 7 hrs
12 new users registered Just now
System shutdown 11 mins
New invoice received 20 mins
Database overloaded 89% 1 hr
System error 2 hrs
Production server down 3 hrs
Production server up 5 hrs
New order received 1117 hrs