سبک های هشدار
پیام های بازخورد متنی را برای اقدامات معمول کاربر با تعداد انگشت شماری از پیام های هشدار در دسترس و انعطاف پذیر ارائه دهید.
مثال ها - سبک پیش فرض
هشدارها برای هر طول متن در دسترس هستند. برای ایجاد پیام های هشدار از .alert-{state} با .alert استفاده کنید.
| مرجع کلاس | جزئیات |
|---|---|
.alert-{state} |
از {state} به عنوان primary، secondary، success، info، warning، danger، gray، light استفاده می شود |
.alert-icon |
از کلاس .alert برای سبک آیکون مناسب استفاده کنید.
|
.alert-fill |
برای پر کردن سبک پایه از کلاس .alert استفاده کنید.
|
.alert-dismissible |
از کلاس .alert برای هشدار قابل صرف نظر استفاده کنید.
|
مثال کد
<div class="alert alert-icon alert-primary" role="alert">
<em class="icon ni ni-alert-circle"></em>
<strong>سفارش انجام شد</strong>. شما برای انجام پرداخت خود هدایت می شوید.
</div>
مثال کد
<div class="alert alert-fill alert-icon alert-primary" role="alert">
<em class="icon ni ni-alert-circle"></em>
<strong>سفارش انجام شد</strong>. شما برای انجام پرداخت خود هدایت می شوید.
</div>
مثال ها - سبک حرفه ای
برای دنبال کردن سبک، می توانید از کلاس .alert-pro با کلاس .alert استفاده کنید.
سفارش انجام شد
سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید.
سفارش انجام شد
سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید.
پرداخت با موفقیت انجام شد
از واریز شما متشکریم. اکنون می توانید تاریخچه تراکنش های خود را مشاهده کنید. حساب شما بر این اساس به روز رسانی شد.
سفارش انجام شد
سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید.
اطلاعات پرداخت
متاسفیم! کارت بانکی شما قبلا منقضی شده است لطفا یک کارت بانکی معتبر و به روز برای واریز وارد کنید.
سفارش لغو شد
سفارش شما به دلیل دریافت پرداخت شما لغو شد.
سفارش انجام شد
سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید.
سفارش انجام شد
سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید.
سفارش انجام شد
سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید.
مثال کد
<div class="alert alert-pro alert-primary">
<div class="alert-text">
<h6>سفارش انجام شد</h6>
<p>سفارش شما برای واریز با موفقیت ثبت شد. شما برای انجام پرداخت خود هدایت می شوید. </p>
</div>
</div>
