Alert

Alerts are used to attract user's attention for important information without interrupting the user's flow.

Examples

We have 4 types of alerts. Different colors of alert signify different.

• Primary: Blue ( class: alert-primary)
• Success: Green (class: alert-success)
• Danger: Red (class: alert-danger)
• Warning: Yellow (class: alert-warning)

Check code below to copy the html part as is.

<div class="alert alert-primary">
    <!-- icon --> <!-- text -->
    </div>
  <div class="alert alert-success">
     <!-- icon --> <!-- text -->
    </div>
  <div class="alert alert-danger">
     <!-- icon --> <!-- text -->
    </div>
  <div class="alert alert-warning">
     <!-- icon --> <!-- text -->
    </div>