Alert

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

This is a success alert x

This is an error alert x

This is a warning alert x

This is an info alert x

              
<div class="alert alert-success"> <span>This is a success alert</span> <span class="alert-close"> x </span></div>
<div class="alert alert-error"><span>This is an error alert</span> <span class="alert-close"> x </span></div>
<div class="alert alert-warning"><span>This is a warning alert</span> <span class="alert-close"> x </span></div>
<div class="alert alert-info"><span>This is an info alert</span> <span class="alert-close"> x </span></div>