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
With dropdown
Normal
Flat
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