Buttons

Various types of buttons. Using the base class .btn

Normal	Large `.btn-lg`	Mini `.btn-sm`	Flat `.btn-flat`	Disabled `.disabled`
Default	Default	Default	Default	Default
Primary	Primary	Primary	Primary	Primary
Success	Success	Success	Success	Success
Info	Info	Info	Info	Info
Danger	Danger	Danger	Danger	Danger
Warning	Warning	Warning	Warning	Warning

.btn-block.btn-block .btn-flat.btn-block .btn-sm

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

Button	Icons	Flat	Dropdown
LeftMiddleRight			12 - Dropdown link - Dropdown link
LeftMiddleRight			12 - Dropdown link - Dropdown link
LeftMiddleRight			12 - Dropdown link - Dropdown link
LeftMiddleRight			12 - Dropdown link - Dropdown link
LeftMiddleRight			12 - Dropdown link - Dropdown link

With dropdown

Action

Normal

Action

Flat

Go!

Normal split buttons:

ActionToggle Dropdown

Flat split buttons:

ActionToggle Dropdown

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

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

.btn.bg-maroon.btn-flat.btn.bg-purple.btn-flat.btn.bg-navy.btn-flat.btn.bg-orange.btn-flat.btn.bg-olive.btn-flat

.btn.bg-maroon.btn.bg-purple.btn.bg-navy.btn.bg-orange.btn.bg-olive

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

Button	Icons	Flat	Dropdown
TopMiddleBottom			12 - Dropdown link - Dropdown link
TopMiddleBottom			12 - Dropdown link - Dropdown link
TopMiddleBottom			12 - Dropdown link - Dropdown link
TopMiddleBottom			12 - Dropdown link - Dropdown link
TopMiddleBottom			12 - Dropdown link - Dropdown link