Basic Alerts


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Basic Alerts With Icons


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Basic Line Alerts


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Basic Line Alerts With Icons


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Alerts With Background


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Background Alerts With Icons


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Alerts Dismissing


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Alerts Dismissing With Icons


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Alerts With Background


   <div class="alert text-white bg-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
   </div>
   

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Background Alerts With Icons


&#x<div class="alert text-white bg-primary" role="alert">
<div class="iq-alert-icon">
   <i class="ri-alert-line"></i>
</div>
<div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever

Additional content


<div class="alert alert-primary" role="alert">
   <div class="iq-alert-text">A simple <b>primary</b> alert—check it out!</div>
</div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever