<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-danger" role="alert">
                                                                    یک هشدار خطر ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-warning" role="alert">
                                                                    یک هشدار هشدار ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-info" role="alert">
                                                                    یک هشدار اطلاعاتی ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-light" role="alert">
                                                                    یک هشدار روشن ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-dark mb-0" role="alert">
                                                                    یک هشدار تاریک ساده—بروید ببینید!
                                                                </div>
                                                            
                                                        

                                                            
                                                                <div class="alert alert-primary alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار اولیه ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-secondary alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار ثانویه ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار موفقیت ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار خطر ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار هشدار ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-info alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار اطلاعاتی ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-light alert-dismissible fade show" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار روشن ساده—بروید ببینید!
                                                                </div>
                                                                <div class="alert alert-dark alert-dismissible fade show mb-0" role="alert">
                                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                                                                    یک هشدار تاریک ساده—بروید ببینید!
                                                                </div>
                                                            
                                                        

                                                            
                                                                <div class="alert alert-primary" role="alert">
                                                                    یک هشدار اولیه ساده با <a href="javascript:void(0);" class="alert-link">یک لینک نمونه</a>. اگر دوست دارید روی آن کلیک کنید.
                                                                </div>
                                                                <div class="alert alert-secondary" role="alert">
                                                                    یک هشدار ثانویه ساده با <a href="javascript:void(0);" class="alert-link">یک لینک نمونه</a>. اگر دوست دارید روی آن کلیک کنید.
                                                                </div>
                                                                <div class="alert alert-success" role="alert">
                                                                    یک هشدار موفقیت ساده با <a href="javascript:void(0);" class="alert-link">یک لینک نمونه</a>. اگر دوست دارید روی آن کلیک کنید.
                                                                </div>
                                                                <div class="alert alert-danger mb-0" role="alert">
                                                                    یک هشدار خطر ساده با <a href="javascript:void(0);" class="alert-link">یک لینک نمونه</a>. اگر دوست دارید روی آن کلیک کنید.
                                                                </div>
                                                            
                                                        

                                                            
                                                                <div class="alert alert-primary alert-icon" role="alert">
                                                                    <div class="d-flex align-items-center">
                                                                        <div class="avatar-sm rounded bg-primary d-flex justify-content-center align-items-center fs-18 me-2 flex-shrink-0">
                                                                            <i class="bx bx-info-circle text-white"></i>
                                                                        </div>
                                                                        <div class="flex-grow-1">
                                                                            یک هشدار اولیه ساده—بروید ببینید!
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="alert alert-secondary alert-icon" role="alert">
                                                                    <div class="d-flex align-items-center">
                                                                        <div class="avatar-sm rounded bg-secondary d-flex justify-content-center align-items-center fs-18 me-2 flex-shrink-0">
                                                                            <i class="bx bx-x-circle text-white"></i>
                                                                        </div>
                                                                        <div class="flex-grow-1">
                                                                            یک هشدار ثانویه ساده—بروید ببینید!
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="alert alert-success alert-icon" role="alert">
                                                                    <div class="d-flex align-items-center">
                                                                        <div class="avatar-sm rounded bg-success d-flex justify-content-center align-items-center fs-18 me-2 flex-shrink-0">
                                                                            <i class="bx bx-check-shield text-white"></i>
                                                                        </div>
                                                                        <div class="flex-grow-1">
                                                                            یک هشدار موفقیت ساده—بروید ببینید!
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="alert alert-danger alert-icon mb-0" role="alert">
                                                                    <div class="d-flex align-items-center">
                                                                        <div class="avatar-sm rounded bg-danger d-flex justify-content-center align-items-center fs-18 me-2 flex-shrink-0">
                                                                            <i class="bx bx-info-circle text-white"></i>
                                                                        </div>
                                                                        <div class="flex-grow-1">
                                                                            یک هشدار خطر ساده—بروید ببینید!
                                                                        </div>
                                                                    </div>
                                                                </div>    
                                                            
                                                        

                                                            
                                                                <div class="alert alert-primary mb-3 p-3 mb-xl-0" role="alert">
                                                                    <h4 class="alert-heading">آفرین!</h4>
                                                                    <p class="mb-0">آفرین، شما موفق شدید این پیام هشدار مهم را بخوانید. این متن مثال کمی طولانی‌تر خواهد بود تا بتوانید ببینید spacing در داخل یک هشدار با این نوع محتوا چگونه کار می‌کند.</p>
                                                                    <hr>
                                                                    <p class="mb-0">هر وقت نیاز داشتید، حتماً از ابزارهای Margin استفاده کنید تا همه چیز مرتب و منظم باشد.</p>
                                                                </div>
                                                                <div class="alert alert-secondary p-3 mb-0" role="alert">
                                                                    <h4 class="alert-heading">آفرین!</h4>
                                                                    <p class="mb-0">آفرین، شما موفق شدید این پیام هشدار مهم را بخوانید. این متن مثال کمی طولانی‌تر خواهد بود تا بتوانید ببینید spacing در داخل یک هشدار با این نوع محتوا چگونه کار می‌کند.</p>
                                                                    <hr>
                                                                    <p class="mb-0">هر وقت نیاز داشتید، حتماً از ابزارهای Margin استفاده کنید تا همه چیز مرتب و منظم باشد.</p>
                                                                </div>