Alert

Success! Indicates a successful action.
<Code> 
<div class="alert alert-success">
    <strong>Success!</strong> Indicates a successful action.
</div>
Primary! You should read this message.
<Code> 
<div class="alert alert-primary">
    <strong>Primary!</strong> You should <a href="javascript:" class="alert-link">read this message</a>.
</div>
Danger! This alert box indicates a dangerous action.
<Code> 
<div class="alert alert-danger alert-dismissible">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <strong>Danger!</strong> This alert box indicates a dangerous action.
</div>
Warning! This alert box indicates a warning that might need attention.
<Code> 
<div class="alert alert-warning alert-dismissible fade show">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <strong>Warning!</strong> This alert box indicates a warning that might need attention.
</div>

On this page