Bootstrap Alerts

User Notifications

Bootstrap Alerts provide contextual feedback messages for typical user actions. They are a clean and effective way to show success, warning, or error messages, ensuring the user is always aware of the system status.

Contextual Styles

• alert-success — For successful actions (e.g., Green).
• alert-warning — For warning messages (e.g., Yellow).
• alert-danger — For error messages (e.g., Red).
• alert-info — For neutral informational messages (e.g., Blue).

Implementation

<div class="alert alert-success" role="alert">
  Your message has been sent successfully!
</div>