Built-In Buttons

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

Rounded Buttons

Built-in buttons that has a super rounded corners by adding a class name .btn-rounded

Bordered Buttons

Colored border buttons instead of background color by adding class name .btn-bordered

Metro-Styled Buttons

Buttons with zero radius in the corner with thin text by adding class name .btn-metro

Button Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

 

 

 

 

Button Blocks

Create block level buttons - those that span the full width of a parent - by adding .btn-block.

Button Blocks

Create block level buttons - those that span the full width of a parent - by adding .btn-block.

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.

Button Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

Split Button Dropdowns

Similarly, create split button dropdowns with the same markup changes, only with a separate button.


Dropdown Sizing

Button dropdowns work with buttons of all sizes.