<div class="alert alert-success">
  <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
  <i class="fa fa-check-square-o"></i> <strong>Well done !</strong> You successfully read this important alert message.
</div>

<div class="alert alert-info">
  <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
  <i class="fa fa-microphone"></i> <strong>Heads up !</strong> This alert needs your attention, it's super important.
</div>

<div class="alert alert-warning">
  <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
  <i class="fa fa-warning"></i> <strong>Warning !</strong> Better check yourself, you're not looking too good.
</div>

<div class="alert alert-danger">
  <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
  <i class="fa fa-flash"></i> <strong>Oh snap !</strong> Change a few things up and try submitting again.
</div>

<div class="alert alert-success">
  <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
  <i class="fa fa-check-square-o"></i> <strong>Well done !</strong> You successfully read this important alert message.
</div>

<div class="alert alert-info">
  <button type="button" class="close" data-dismiss="alert"><span>×</span></button>
  <i class="fa fa-microphone"></i> <strong>Heads up !</strong> This alert needs your attention, it's super important.
</div>