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