Buttons
Buttons Variants
Bootstrap offers button variants for semantic purposes and customization.
Outline buttons
Use .btn-outline-* classes
for buttons without background colors.
Border Dashed
Use
.border-dashed-* classes
for buttons border style dashed.
Subtle buttons
Use .btn-subtle-* classes
for lightweight buttons with background
colors.
Hover subtle buttons
Use .btn-subtle-* classes
for lightweight buttons with background
colors.
Rounded buttons
Use .rounded-pill-* for
creating pill-shaped buttons.
Sizes
Fancy larger or smaller buttons? Add
.btn-lg or
.btn-sm for additional
sizes.
Block buttons
Use utilities to create responsive block buttons with better spacing.