Web Content Display Web Content Display

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




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 .dim class to button.

Three diminsion button

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

Update My Contact Details