# Buttons Control panel

### Buttons

Various types of buttons. Using the base class `.btn`

Normal | Large `.btn-lg` | Mini `.btn-sm` | Flat `.btn-flat` | Disabled `.disabled`
--- | --- | --- | --- | ---

### Block Buttons

### Horizontal Button Group

Horizontal button groups are easy to create with bootstrap. Just add your buttons inside `<div class="btn-group"></div>`

Button | Icons | Flat | Dropdown
--- | --- | --- | ---

### Button Addon

With dropdown

Normal

Flat

### Split buttons

Normal slplit buttons:

Flat split buttons:

### Social Icons Sample

Font Awesome provides a set of social media icons. We are using `.btn.btn-social` and to add the colors to the buttons we use the `.bg-*` classes.

### Application Buttons

Add the classes `.btn.btn-app` to an `<a>` tag to achieve the following:

Edit Play Repeat Pause Save 3 Notifications 300 Products 891 Users 67 Orders 12 Inbox 531 Likes

### Different colors

Mix and match with various background colors. Use base class `.btn` and add any available `.bg-*` class

### Vertical Button Group

Vertical button groups are easy to create with bootstrap. Just add your buttons inside `<div class="btn-group-vertical"></div>`

Button | Icons | Flat | Dropdown
--- | --- | --- | ---