## Alerts

## Basic alerts

Wrap any text and an optional dismiss button in `.alert` and one of the four contextual classes (e.g., `.alert-success`) for basic alert messages.

Wow! Everything worked!
Uh oh, something went wrong
I'm so sorry…
Did you know?

## Alerts with icon

Build on any alert by adding an optional icon.

Wow! Everything worked!
Uh oh, something went wrong
I'm so sorry…
Did you know?

## Dismissible alerts

Build on any alert by adding an optional `.alert-dismissible` and close button.

Wow! Everything worked!
Uh oh, something went wrong
I'm so sorry…
Did you know?

## Alert with a description

Build on any alert by adding an optional `.alert-dismissible` and close button.

#### This is a custom alert box!

Your account has been saved!

#### This is a custom alert box!

Sorry! There was a problem with your request.

#### This is a custom alert box!

Something went wrong. Please try again.

#### This is a custom alert box!

Here is something that you might like to know.

## Important alerts

Wow! Everything worked!
Uh oh, something went wrong
I'm so sorry…
Did you know?