<div class="alert alert-primary text-sm mx-5 p-4 rounded-sm d-flex align-center"> <i class="fas fa-info-circle mr-4"></i>This is Primary Alert with icon </div> <div class="alert alert-danger text-sm mx-5 p-4 rounded-sm d-flex align-center"> <i class="fas fa-exclamation-triangle mr-4"></i>This is Danger Alert with icon </div> <div class="alert alert-success text-sm mx-5 p-4 rounded-sm d-flex align-center"> <i class="fas fa-check-circle mr-4"></i>This is Success Alert with icon </div> <div class="alert alert-warning text-sm mx-5 p-4 rounded-sm d-flex align-center"> <i class="fas fa-exclamation-triangle mr-4"></i>This is Warning Alert with icon </div>