# Bootstrap Buttons
Bootstrap 5 provides a variety of button styles and classes to create different types of buttons easily. Here’s a rundown of the key features and classes used for buttons in Bootstrap 5,
1. **Basic Button Classes**
`.btn`: This class is used to style an element as a button. It is always required.
`.btn-primary`: A primary button, typically used for the main action.
`.btn-secondary`: A secondary button, often used for secondary actions.
`.btn-success`: Indicates a successful or positive action.
`.btn-danger`: Represents a dangerous or potentially negative action.
`.btn-warning`: Indicates a warning that might need attention.
`.btn-info`: Used for informational purposes.
`.btn-dark`: A dark-themed button.
`.btn-light`: A light-themed button.
`.btn-link`: Makes the button look like a link while retaining button behavior.
2. **Button Sizes**
`.btn-lg`: Large button.
`.btn-sm`: Small button.
`.btn-block`: Creates a block-level button that spans the full width of its parent container.
3. **Outline Buttons**
Bootstrap also provides outline buttons which have a transparent background and colored border,
`.btn-outline-primary`
`.btn-outline-secondary`
`.btn-outline-success`
`.btn-outline-danger`
`.btn-outline-warning`
`.btn-outline-info`
`.btn-outline-light`
`.btn-outline-dark`
4. **Button States**
`.active`: Adds an active state to the button.
`.disabled`: Disables the button, preventing user interaction.
5. **Button Groups**
You can group buttons together using the `.btn-group` class
```xml