<div class="alert alert-success" role="alert">...</div>
<div class="alert alert-info" role="alert">...</div>
<div class="alert alert-warning" role="alert">...</div>
<div class="alert alert-danger" role="alert">...</div>                                                
               

<div class="alert alert-info" role="alert"> 
    <strong>Heads up!</strong> This alert needs your attention, but
    <a href="#" class="alert-link">it's not super important </a>.         
</div>
<div class="alert alert-success" role="alert">
    <strong>Well done!</strong> You successfully read this                     
    <a href="#" class="alert-link">important alert message</a>.                             
</div>
<div class="alert alert-warning" role="alert">
    <strong>Warning!</strong> Better check yourself, you're                    
    <a href="#" class="alert-link">not looking too good</a>.                            
</div>
<div class="alert alert-danger" role="alert">
    <strong>Oh snap!</strong> Change a few things up and                     
    <a href="#" class="alert-link">try submitting again</a>.                            
</div>                                                     
               

 
<div class="alert alert-info" role="alert">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span>                        
        <span class="sr-only">Close</span></button>
    <strong>Heads up!</strong> This alert needs your attention, but it's not super important.                            
</div>
<div class="alert alert-success alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span>                        
        <span class="sr-only">Close</span></button>
    <strong>Well done!</strong> You successfully read this important alert message.                             
</div>
<div class="alert alert-warning alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span>                        
        <span class="sr-only">Close</span></button>
    <strong>Warning!</strong> Better check yourself, you're not looking too good.                            
</div>
<div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span>                        
        <span class="sr-only">Close</span></button>
    <strong>Oh snap!</strong> Change a few things up and try submitting again.                            
</div>