French
Spanish
German
Buttons
Default Buttons
Use the button classes on an
<a>
,
<button>
, or
<input>
element.
Rounded Buttons
Add
.rounded-pill
to default button to get
rounded corners.
Outline Buttons
Use a classes
.btn-outline-**
to quickly create
a bordered buttons.
Rounded Outline Buttons
Use a classes
.btn-outline-**
to quickly create
a bordered buttons.
Soft Buttons
Use a classes
.btn-soft-**
to quickly create a
bordered buttons.
Soft Rounded Button
Use a classes
.btn-soft-**
to quickly create a
bordered buttons.
Square Button
add
.btn-square
to change the style.
Square Outline Button
add
.btn-square
to change the style.
Sizes
Add
.btn-lg
,
.btn-sm
, or
.btn-xs
for additional sizes.
Button Tags
Use a classes
.btn-outline-**
to quickly create
a bordered buttons.
Button Widths
Use a classes
.btn-outline-**
to quickly create
a bordered buttons.
Button Disabled
Add the
disabled
attribute to
<button>
buttons.
Button Loader
Use a classes
.btn-outline-**
to quickly create
a bordered buttons.
Icon Buttons
Use a classes
.btn-icon
to quickly create a
bordered buttons.
Block buttons
Create block level buttons by adding class
.d-grid
to parent div.