Getting Started

Create an alert by adding the .alert class to a <div> element.

Add optional .alert-green or .alert-red classes for additional colors, and to convey meaning.

<div class="alert"><strong>FYI:</strong> This is an alert.</div>
<div class="alert alert-green"><strong>Success!</strong> This is a green alert.</div>
<div class="alert alert-red"><strong>Uh oh!</strong> This is a red alert.</div>

Browser Support

Alerts works in all modern browsers, and IE 6 and above.

Because IE8 and lower lack border-radius support, rounded corners on alerts only work on IE9 and higher.