## Buttons

##### Colors buttons

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

### Normal buttons

##### Diferent size

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

##### 3D Buttons

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

### Three diminsion button

##### Button dropdowns

Droppdowns buttons are avalible with any color and any size.

### Dropdowns

##### Grouped Buttons

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

### Button Group

##### Icon Buttons

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

##### Circle Icon Buttons

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

### Circle buttons

##### Rounded 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