Buttons include support for a handful of contextual variations, sizes, states, and more. Group a series of buttons together on a single line with the button group.
| Buttons options | Class | Description |
|---|---|---|
| Basic button | .btn.btn-* |
Use any template color from COLOR PALETTE that you like to use for button. |
| Round button | .btn-round |
For round button. |
| Square button | .btn-square |
For square button. |
| Button group | .btn-group |
Group a series of buttons together on a single line with the button group. |
| Button Size | .btn-[lg/sm] |
For fancy larger or smaller buttons size. |
| Button block | .btn-block |
Create block level buttons—those that span the full width of a parent. |
| Outline button | .btn-outline-* |
Use any template color from COLOR PALETTE that you like to use for outline button. |
| Vertical button group | .btn-group-vertical |
To create vertical button group. |
You can also create button dropdowns and split button using .btn-group wrapper.
Using above options, create some combinations like:
- Buttons with icon
- Buttons with only icon
- Round Buttons with icon
- Round Buttons with only icon
- Square Buttons with icon
- Square Buttons with only icon
- Outline Buttons with icon
- Outline Buttons with only icon
- Outline Buttons with only icon, etc...
Referrals :
| Type | URL |
|---|---|
| Bootstrap Buttons | https://getbootstrap.com/docs/4.2/components/buttons/ |
| Button Groups | https://getbootstrap.com/docs/4.2/components/button-group/ |
| Template Page | https://modernadmin.evolvision.com/components/basic-button> |