Dashboard
Default Button Style
Rounded Button
Outline Button
Outline Button
Flat Button
Button Addon
Button Size
Add .btn-lg
, .btn-md
, .btn-sm
, or .btn-xs
for additional sizes.
Button Addon Size
Add .btn-addon.btn-lg, .btn-addon.btn-lg i
for button addon size.
Block Level Buttons
Add class .btn-block
to create a block level button:
Active/Disabled Buttons
The class .active
makes a button appear pressed, and the class .disabled
makes a button unclickable:
Button Groups
Use a <div>
element with class .btn-group
to create a button group:
Vertical Button Groups
Use the class .btn-group-vertical
to create a vertical button group:
Justified Button Groups
To span the entire width of the screen, use the .btn-group-justified
class:
Nesting Button Groups & Dropdown Menus
Nest button groups to create dropdown menus:
Split Button Dropdowns
Nesting Button Groups & Dropdown Menus
Nest button groups to create dropdown menus: