Bootstrap provides an easy way to create predefined alert messages
.alert class, followed by one of the contextual classes .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light or .alert-dark
.alert-link class to any links inside the alert box to create "matching colored links"
To close the alert message, add a .alert-dismissible class to the alert container. Then add class="btn-close" and data-bs-dismiss="alert" to a link or a button element
.fade and .show classes adds a fading effect when closing the alert message