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 .btnin .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

Header Colors
Sidebar Colors