Buttons
Various types of buttons. Using the base class
.btn
Normal |
Large
.btn-lg
|
Small
.btn-sm
|
Extra Small
.btn-xs
|
Flat
.btn-flat
|
Disabled
.disabled
|
---|---|---|---|---|---|
Outline Buttons
Various types of buttons. Using the base class
.btn
Normal |
Large
.btn-lg
|
Small
.btn-sm
|
Extra Small
.btn-xs
|
Flat
.btn-flat
|
Disabled
.disabled
|
---|---|---|---|---|---|
Gradient Buttons (bg-gradient-*)
Various types of buttons. Using the base class
.btn
Normal |
Large
.btn-lg
|
Small
.btn-sm
|
Extra 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 |
---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Appended Buttons
Split buttons
Normal split buttons:
Flat split buttons:
Hoverable split buttons:
Application Buttons
Add the classes
.btn.btn-app
to an
<a>
tag to achieve the following:
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 |
---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Radio Button Group
Radio Button Group with
.btn-secondary
Radio Button Group with
.bg-olive