Default Buttons

Use the btn class to show the default button style.

Outline Buttons

Use the btn-outline- class with the below-mentioned variation to create a button with the outline.

Rounded Buttons

Use the rounded-pill class to make a rounded button.

Soft Buttons

Use the btn-soft- class with the below-mentioned variation to create a button with the soft background.

Ghost Button

Use the btn-ghost- class with the below-mentioned variation to create a button with the transparent background.

Gradient Button

Use the bg-*-gradient class to create a gradient button.

Animation Button

Use the btn-animation class to create a animation effect.

Animation Button

Use the btn-animation class to create a animation effect.

Buttons with Label

Use the btn-label class to create a button with the label.

Buttons Sizes

Use btn-lg class to create a large size button and btn-sm class to create a small size button.

Button Widths

Use the btn-w-xs,btn-w-sm,btn-w-md,btn-w-lg class to make different sized buttons respectively.

Buttons Toggle Status

Use the data-bs-toggle="button" to toggle a button’s active state.

Icon Buttons

Use btn-icon class to wrap icon in button

Block buttons

Use the d-grid class to create a full-width block button.