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

Normal buttons

Default Primary Success Info Warning Danger Link

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

Button Sizes

Large button Large button
Default button Default button
Small button Small button
Mini button Mini button

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

Outline buttons

Default Primary Success Info Warning Danger Link

Block buttons

Primary

To add three diminsion to buttons You can add .dim class to button.

Three diminsion button

6

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

Commom Icon Buttons

 Submit   Upload Edit Warning   Map 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

Single Toggle Single Toggle