Default
Normal
Hover
Active
Primary
Normal
Hover
Active
Dark
Normal
Hover
Active
Alt Color 1
Normal
Hover
Active
Alt Color 2
Normal
Hover
Active
Alt Color 3
Normal
Hover
Active
Alt Color 4
Normal
Hover
Active
Success
Normal
Hover
Active
Info
Normal
Hover
Active
Warning
Normal
Hover
Active
Danger
Normal
Hover
Active

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

Horizontal groups

Buttons group with different shade colors

HomeGalleryServicesContactSupportHelp
HomeGalleryServicesContactSupportHelp
HomeGalleryServicesContactSupportHelp
HomeGalleryServicesContactSupportHelp
HomeGalleryServicesContactSupportHelp
HomeGalleryServicesContactSupportHelp

Vertical groups

Buttons group with different shade colors

Dropdown Buttons

Buttons with dropdown

Examples of buttons with dropdown menu

ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Split state dropdown toggle

ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Social

Social network button styles