Bootstrap 5 Alerts

Bootstrap 5 provides an easy way to create predefined alert messages:

Bootstrap Alerts are used to provide an easy way to create predefined alert messages. Alert adds a style to your messages to make it more appealing to the users.

Example

                  
    This is a primary alert—check it out!,


    This is a secondary alert—check it out!



    This is a success alert—check it out!



    This is a danger alert—check it out!



    This is a warning alert—check it out!


    This is an info alert—check it out!




    This is a light alert—check it out!



    This is a dark alert—check it out!

You can click on above box to edit the code and run again.

Output

In this example:

Each alert has a specific color class (e.g., 'alert-primary', 'alert-success') to indicate its type.

The role="alert" attribute is included for accessibility.