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-xs class.

Button Sizes

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

Outline buttons

Block buttons

This is a group of buttons, ideal for sytuation where many actions are related to same element.

Button Group

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 Facebook Sign in with Facebook Stared

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

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

Circle buttons

You can also add .btn-rounded class to round buttons.

Button Group

Default Primary Success Info Warning Danger Danger

Block rounded with icon button