# Buttons Control panel

### Buttons

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

Normal | Large `.btn-lg` | Small `.btn-sm` | X-Small `.btn-xs` | 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 split buttons:

Flat split buttons:

### Social Buttons (By Lipis)

Sign in with Bitbucket Sign in with Dropbox Sign in with Facebook Sign in with Flickr Sign in with Foursquare Sign in with GitHub Sign in with Google Sign in with Instagram Sign in with LinkedIn Sign in with Tumblr Sign in with Twitter Sign in with VK

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