Notifications
Progress Stats
Online Users
Storage Space

Buttons

Basic Buttons

Use any of the available button classes to quickly create a styled button.

Default Primary Success Info Warning Danger Disabled Link

Button Sizes

Large buttons to attract call to action .btn .btn-lg

Large button Large button

The Default button .btn .btn-default

Default button Default button

Small button for elegance .btn .btn-sm

Small button Small button

Extra small button for added info .btn .btn-xs

Mini button Mini button

Drop Down buttons

Button group with dropup/dropdown toggle .btn-group


Default button dropdowns .dropdown-toggle


Smaller button dropdowns .btn-sm .dropdown-toggle


Extra small button dropdowns .btn-xs .dropdown-toggle

Button Groups

Group a series of buttons together on a single line with the button group. Wrap a series of buttons with .btn in .btn-group .

Horizontal Group With Icons Multiple Button Groups

Make a set of buttons appear vertically stacked rather than horizontally by putting it in .btn-group-vertical .

Vertical Group With Dropdown With Icons Multiple Button Groups

Block Buttons

Block buttons .btn .btn-block


Block group buttons .btn-group .btn-group-justified