General Buttons
Using the base class .btn
.btn-
Circle Buttons
Using the base class .btn
.btn-circle
.btn-
.btn-xs
.btn-sm
.btn-lg
Button with outline
Using the base class .btn-outline
Rounded Buttons
Using the base class .btn-rounded
Rounded Outline Buttons
Using the base class .btn-rounded
.btn-outline
Button Sizes
Using the base class .btn-lg
.btn-Primary
Flat Buttons
Using the base class .btn
.btn-flat
Button with icon
Using the base class .btn
i class ="fa fa-check
Split buttons
Button with Dropdown
Horizontal Button Group
Horizontal button groups are easy to create with bootstrap. Just add your buttons inside <div class="btn-group"></div>
Vertical Button Group
Vertical button groups are easy to create with bootstrap. Just add your buttons inside <div class="btn-group-vertical"></div>
Social buttons Icon with Name
Use a classes btn btn-social btn-bitbucket / < class="fa fa-bitbucket"></i>
to quickly create a General btn.
Social buttons Icon
Use a classes btn btn-social-icon btn-bitbucket
to quickly create a General btn.
Social Icon With Circle buttons
Use a classes btn btn-social-icon btn-circle
to quickly create a General btn.
Application Buttons
Add the classes .btn.btn-app
to an <a>
tag to achieve the following:
Button Addon
With dropdown
Normal
Flat