Bootstrap 5 introduces a variety of button styles that cater to different semantic actions and can be easily integrated into forms, dialogs, and other components. These buttons come with support for multiple sizes, states, and a range of customization options.

Basic Button Styles

Bootstrap 5 provides a set of predefined button styles, each with a unique visual representation to convey different semantic meanings. These styles include primary, secondary, success, danger, warning, info, light, dark, and link. Each style can be applied by using the corresponding class, such as .btn-primary for a primary button, .btn-danger for a danger button, and so on.

Here's an example of how to create a primary button:

Outline Buttons