Alert

Styles

.alert-info .alert-success .alert-warning .alert-danger

Heads up! This alert needs your attention, but it's not super important.
Success! This alert needs your attention and shows a successfull task.
Warning! This alert needs your attention and it shows a warning.
Error! This alert needs your attention and it shows an error message.
<div class="alert alert-info">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>
    Heads up!
  </strong> This alert needs your attention, but it's not super important.
</div>

<div class="alert alert-success">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>
    Success!
  </strong> This alert needs your attention and shows a successfull task.
</div>

<div class="alert alert-warning">
        <strong>
    Warning!
  </strong> This alert needs your attention and it shows a warning.
</div>

<div class="alert alert-danger">
        <strong>
    Error!
  </strong> This alert needs your attention and it shows an error message.
</div>