Success

Well done! You successfully read this important alert message.

   <div class="alert alert-success">Well done! You successfully read this important alert message.</div>

Info

Heads up! This alert needs your attention, but it's not super important.

  <div class="alert alert-info">Heads up! This alert needs your attention, but it's not super important.</div>

Warning

Warning! Better check yourself, you're not looking too good.

   <div class="alert alert-warning">Warning! Better check yourself, you're not looking too good.</div>

Danger

Oh snap! Change a few things up and try submitting again.

   <div class="alert alert-warning">Warning! Better check yourself, you're not looking too good.</div>