---
notes: These use the same markup as Bootstrap alerts
---
<div class="idAlert alertSuccess" role="alert">
    <strong>Well done!</strong> You successfully read this important alert message that seems to go on for a little while, matey.
</div>

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

<div class="idAlert alertWarning" role="alert">
    <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>

<div class="idAlert alertDanger" role="alert">
    <strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>