Bootstrap 5

Bootstrap Tutorials

Bootstrap 5 Alerts

Bootstrap 5 Alerts



Bootstrap 5 alerts are used to provide contextual feedback messages for typical user actions with a handful of available and flexible alert messages. Alerts are created with the .alert class. 


Bootstrap 5 alerts classes are:-


  • .alert-success
  • .alert-info
  • .alert-warning
  • .alert-danger
  • .alert-primary
  • .alert-secondary
  • .alert-light
  • .alert-dark


For your Information:-


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. The .fade and .show classes add a fading effect when closing the alert message.

Code Explanation

All Tutorials related to Bootstrap Tutorials

All Sections related to Bootstrap 5