Default Buttons
Use any of the available button classes to quickly create a styled button.
Raised Buttons
Use any of the bootstrap buttons with added class name of .btn-raised
Outline Buttons
Use any of the bootstrap buttons with added class name of .btn-outline
Rounded Buttons
Use any of the bootstrap buttons with added class name of .btn-rounded
Button Sizes
Add .btn-lg
, .btn-sm
, or .btn-xs
for additional sizes.
Buttons With Icon
Button Groups
Wrap a series of buttons with .btn
in .btn-group
.
Combine sets of btn-group
into a btn-toolbar
for more complex components.
Place a .btn-group
within another .btn-group
when you want dropdown menus mixed with a series of buttons.
Make a set of buttons appear vertically stacked rather than horizontally.
Just wrap a series of .btn
in .btn-group.btn-group-justified
.
Block Level Buttons
Create block level buttons,with by adding .btn-block
.
Button Dropdowns
Turn a button into a dropdown toggle with some basic markup changes.
Similarly, create split button dropdowns with the same markup changes, only with a separate button.
Button dropdowns work with buttons of all sizes.
Trigger dropdown menus above elements by adding .dropup
to the parent.
Ladda UI
Expand
Contact
Zoom
Slide
Progress