<p>[alert type="alert"]</p>
<h4>Warning!</h4>
<p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. [/alert] [alert type="error" style="width:85%"]</p>
<h4>Error or danger!</h4>
<p>Oh snap! Change a few things up and try submitting again.[/alert] [alert type="success" style="width:75%"]</p>
<h4>success!</h4>
<p>Well done! You successfully read this important alert message. [/alert] [alert type="info" style="width:65%"]</p>
<h4>Information!</h4>
<p>Heads up! This alert needs your attention, but it's not super important. [/alert]</p>