Buttons

In Bootstrap 5.3, buttons are an essential component used to trigger actions, perform tasks, or navigate within a web page or application. Bootstrap provides a comprehensive set of classes and styles to create stylish and interactive buttons with ease.

• Button Styles: Bootstrap offers various button styles to suit different purposes. These styles include btn-primary, btn-secondary, btn-success, btn-danger, btn-warning, btn-info, btn-light, btn-dark, and more. These classes determine the background color and overall appearance of the button.
• Button Sizes: Buttons can be resized using different size classes, such as btn-sm for small buttons, btn-lg for large buttons, or the default size.
• Button States: Bootstrap provides classes for different states of buttons, such as disabled to disable a button, active to highlight an active button, and focus to give focus to a button.
• Button Variants: Bootstrap 5.3 allows you to create outline buttons using the btn-outline-* classes. These variants have a transparent background with colored borders, creating a stylish and modern look.
• Button with Icons: You can easily add icons to buttons by using Bootstrap's icon classes, such as bi bi-* or fas fa-*, along with the button classes.

Outline buttons

Buttons Size

Grid Buttons

Buttons Group

Group a series of buttons together on a single line with the button group.

• btn-group
• btn-group-vertical
• btn-group-justified

Button Group with Dropdown

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.