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 dropdownNormal
Flat
Split buttons
Normal split buttons:
Flat split buttons:
Hoverable split buttons:
Application Buttons
Add the classes .btn.btn-appto 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