Buttons

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

Normal buttons

If You want larger or smaller buttons You can add .btn-lg, .btn-sm, or .btn-xsclass.

Button Sizes




Outline and Block Buttons

Create block level buttons or outline buttons, by adding .btn-block or .btn-outline.

Outline buttons

Block buttons

To add three diminsion to buttons You can add .dimclass to button.

Three diminsion button

To buttons with any color or any size you can add extra icon on the left or the right side.

Commom Icon Buttons

Sign in with FacebookSign in with FacebookStared

Toggle buttons Variations

Button groups can act as a radio or a switch or even a single toggle. Below are some examples click to see what happens

Circle Icon Buttons

For buttons you can add .btn-circleto rounded buttons and make it circle.

Circle buttons




You can also add .btn-roundedclass to round buttons.

Button Group

DefaultPrimarySuccessInfoWarningDangerDanger

Block rounded with icon button