Buttons

Default
.btn-default
Normal
Hover
Active
Default Transparent
.btn-transparent
Normal
Hover
Active
Primary
.btn-primary
Normal
Hover
Active
Dark Primary
.btn-dark-primary
Normal
Hover
Active
Dark
.btn-dark
Normal
Hover
Active
Dark Dark
.btn-dark-dark
Normal
Hover
Active
Alt Color 1
.btn-alt1
Normal
Hover
Active
Alt Color 2
.btn-alt2
Normal
Hover
Active
Alt Color 3
.btn-alt3
Normal
Hover
Active
Alt Color 3
.btn-dark-alt3
Normal
Hover
Active
School
.btn-school
Normal
Hover
Active
School
.btn-dark-school
Normal
Hover
Active
Scientific
.btn-scientific
Normal
Hover
Active
Scientific
.btn-dark-scientific
Normal
Hover
Active
Success
.btn-success
Normal
Hover
Active
Info
.btn-info
Normal
Hover
Active
Warning
.btn-warning
Normal
Hover
Active
Warning
.btn-dark-warning
Normal
Hover
Active
Danger
.btn-danger
Normal
Hover
Active
Danger
.btn-dark-danger
Normal
Hover
Active

Button Utilities

Buttons Size

Sizes

There are 4 types of button size: .btn-xs, .btn-sm, .btn, .btn-lg.

Icon buttons

Font icons inside buttons

Primary Color

Font icons inside buttons

Button Combinations

Text with icon buttons

Icons with text inside buttons

Rounded Corners

Add rounded conrners to buttons appying the class .btn-rounded

Button Groups

Button toolbar

Example of button group like a toolbar

Vertical groups

Buttons group with different shade colors

Social

Social network button styles