Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Warning alert text here
Info alert text here
Danger alert text here
Success alert text here 
        
<!--warning message-->
<div class="alert alert-warning">
  <i></i><span>Warning alert text here</span>
</div>
<!--info message-->
<div class="alert alert-info">
  <i></i><span>Info alert text here</span>
</div>
<!--danger message-->
<div class="alert alert-danger">
  <i></i><span>Danger alert text here</span>
</div>
<!--success message-->
<div class="message-col success-message cardAdded d-block alert alert-success" style="top: 0">
  <i class="icon-succesful"></i><span>Success alert text here</span>
</div>