Alert
A simple primary alert—check it out!
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
<div class="alert alert-primary" role="alert">A simple primary alert—check it out!</div>
<div class="alert alert-secondary" role="alert">A simple secondary alert—check it out!</div>
<div class="alert alert-success" role="alert">A simple success alert—check it out!</div>
<div class="alert alert-danger" role="alert">A simple danger alert—check it out!</div>
<div class="alert alert-warning" role="alert">A simple warning alert—check it out!</div>
<div class="alert alert-info" role="alert">A simple info alert—check it out!</div>
<div class="alert alert-light" role="alert">A simple light alert—check it out!</div>
<div class="alert alert-dark" role="alert">A simple dark alert—check it out!</div>Alert Link
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
<div class="alert alert-primary" role="alert">A simple primary <a href="#" class="alert-link">alert—check</a> it out!</div>
<div class="alert alert-secondary" role="alert">A simple secondary <a href="#" class="alert-link">alert—check</a> it out!</div>
<div class="alert alert-success" role="alert">A simple success <a href="#" class="">alert—check</a> it out!</div>
<div class="alert alert-danger" role="alert">A simple danger <a href="#" class="alert-link">alert—check</a> it out!</div>
<div class="alert alert-warning" role="alert">A simple warning <a href="#" class="alert-link">alert—check</a> it out!</div>
<div class="alert alert-info" role="alert">A simple info <a href="#" class="alert-link">alert—check</a> it out!</div>
<div class="alert alert-light" role="alert">A simple light <a href="#" class="alert-link">alert—check</a> it out!</div>
<div class="alert alert-dark" role="alert">A simple dark <a href="#" class="alert-link">alert—check</a> it out!</div>