<div class="alert alert-primary" role="alert">
        این یک هشدار اولیه است - آن را بررسی کنید!
</div>
<div class="alert alert-secondary" role="alert">
       این یک هشدار ثانویه است - آن را بررسی کنید!
</div>
<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-icon alert-primary" role="alert">
    <i class="ri-notification-2-line mr-2" aria-hidden="true"></i> شما 5 عمل انجام داده اید. 
</div>
<div class="alert alert-icon alert-success" role="alert">
    <i class="ri-check-line mr-2" aria-hidden="true"></i>  صفحه اضافه شده است.
</div>
<div class="alert alert-icon alert-danger" role="alert">
    <i class="ri-alert-line mr-2" aria-hidden="true"></i>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
</div>

    
<div class="alert alert-warning alert-dismissible">
    <button type="button" class="close" data-dismiss="alert"></button>
   لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از طراحان گرافیک است.
</div>

    
<div class="alert alert-avatar alert-primary alert-dismissible">
    <span class="avatar" style="background-image: url(./demo/faces/male/4.jpg)"></span>
   لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از طراحان گرافیک است.
</div>
<div class="alert alert-avatar alert-success alert-dismissible">
    <span class="avatar" style="background-image: url(./demo/faces/male/35.jpg)"></span>
   لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از طراحان گرافیک است.
</div>

<div class="alert alert-success alert-dismissible">
    <button data-dismiss="alert" class="close"></button>
    <h4>یک پیغام</h4>
    <p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minimvoluptate.</p>
    <div class="btn-list">
        <button class="btn btn-success" type="button">باشه</button>
        <button class="btn btn-secondary" type="button">نه ممنون</button>
    </div>
</div>