Buttons
Variant
Outline
Soft
Softline
Solidtext
Softtext
Gradient
withIcon
withIconSoft
IconSolid
IconSizing
IconSoft + Sizing
Sizings
Options
| Reference | Details |
|---|---|
Buttons
|
Bootstrap has a base .btn class that sets
up basic styles such as padding and content alignment.
By default, .btn controls have a
transparent border and background color, and lack any
explicit focus and hover styles.
|
Variants
|
Bootstrap includes several button variants, each serving its own semantic purpose, with a few extras thrown in for more control. |
Outline
|
In need of a button, but not the hefty background
colors they bring? Replace the default modifier
classes with the .btn-outline-* ones to
remove all background images and colors on any button.
|
Sizes
|
Fancy larger or smaller buttons? Add
.btn-lg or .btn-sm for
additional sizes.
|
Group
|
Wrap a series of buttons with .btn in
.btn-group.
|
Documentations
|
Please visit: https://getbootstrap.com/docs/5.3/components/buttons/ |