Alart

            
    <h3 class="sc-sub-title">Alerts</h3>
    <div class="alert alert-success"><strong>Well done!</strong> You successfully read this important alert message.</div>
    <div class="alert alert-info"><strong>Heads up!</strong> This alert needs your attention, but it's not super important </div>
    <div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're not looking too good.</div>
    <div class="alert alert-danger"><strong>Oh snap!</strong> Change a few things up and try submitting again.</div>
    
    <h3 class="sc-sub-title">Dismissible alerts</h3>
    <div class="alert alert-success">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
    <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 aria-hidden="true">&times;</span></button>
    <strong>Heads up!</strong> This alert needs your attention, but it's not super important
    </div>
    <div class="alert alert-warning">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
    <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 aria-hidden="true">&times;</span></button>
    <strong>Oh snap!</strong> Change a few things up and try submitting again.
    </div>
    
    <h3 class="sc-sub-title">Links in alerts</h3>
    <div class="alert alert-success"><strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.</div>
    <div class="alert alert-info"><a href="#" class="alert-link"><strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important</div>
    <div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good.</a></div>
    <div class="alert alert-danger"><strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.</div>