Buttons
Exclusive responsive dashboard

Button Colors

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

Button Sizes

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

Button Block

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

Button State Active

No need to add :active as it's a pseudo-class, but if you need to force the same appearance, go ahead and add .active.

Button State Disabled

Add the disabled attribute to <button> buttons.

Button Dropdowns Single

Turn a button into a dropdown toggle with some basic markup changes.

Button Dropdowns Split

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

Button Single Toggle

Add data-toggle="button" to activate toggling on a single button.

Button Checkbox

Add data-toggle="buttons" to a group of checkboxes for checkbox style toggling on btn-group.

Button Radio

Add data-toggle="buttons" to a group of radio inputs for radio style toggling on btn-group.

Pagination Default

The large block is hard to miss, easily scalable, and provides large click areas.

Pagination States

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

Pagination Sizing

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.