<div class="alert alert-primary"></div>
<div class="alert alert-success"></div>
<div class="alert alert-danger"></div>
<div class="alert alert-secondary"></div>
<div class="alert alert-warning"></div>
<div class="alert alert-info"></div>
<div class="alert alert-dark"></div>
<div class="alert alert-light"></div>
<div class="alert alert-primary"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-success"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-danger"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-secondary">a class="alert-link" href="#">اخطار</a><</div>
<div class="alert alert-warning"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-info"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-dark"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-light"><a class="alert-link" href="#">اخطار</a></div>
<div class="alert alert-primary alert-dismissible">
اخطار
<button class="close" type="button" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span></button>
</div>
تست
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">تقریبا تمومه!</h4>
<hr/>
<p class="mb-0">تست</p>
</div>