X

Default alert

Holy guacamole! Best check yo self, you're not looking too good.
<div class="alert alert-warning fade in">
    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
    <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good. 
</div>

Error or danger

Oh snap! You got an error!

<div class="alert alert-danger fade in"> 
    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button> 
    <h4>Oh snap! You got an error!</h4> 
</div>

Success

Well done! You successfully read this important alert message.
<div class="alert alert-success fade in">
    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
    <strong>Well done!</strong>You successfully read this important alert message. 
</div>

Information

Heads up! This alert needs your attention, but it's not super important.
<div class="alert alert-info fade in">
    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
    <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>