Datum has extrend bootstrap alert component Documentation

Basic Alerts

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Basic Alerts With Icons

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Basic Line Alerts

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Basic Line Alerts With Icons

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Alerts With Background

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Background Alerts With Icons

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Alerts Dismissing

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Alerts Dismissing With Icons

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>

Additional content

<div class="alert alert-primary"role="alert"><div class="iq-alert-text">A simple <b>primary</b>alert—check it out!</div></div>