هشدارها

LTR

A default alert with Link check it out!

A primary alert with Link check it out!

A secondary alert with Link check it out!

A third alert with Link check it out!

A success alert with Link check it out!

A info alert with Link check it out!

A warning alert with Link check it out!

A danger alert with Link check it out!

A error alert with Link check it out!

A dark alert with Link check it out!

A light alert with Link check it out!

A white alert with Link check it out!

A default outline alert with Link check it out!

A primary outline alert with Link check it out!

A secondary outline alert with Link check it out!

A third outline alert with Link check it out!

A success outline alert with Link check it out!

A info outline alert with Link check it out!

A warning outline alert with Link check it out!

A danger outline alert with Link check it out!

A error outline alert with Link check it out!

A dark outline alert with Link check it out!

A light outline alert with Link check it out!

A white outline alert with Link check it out!

RTL

یک هشدار پیش فرض با لینک است، آن را بررسی کنید!

یک هشدار اصلی با لینک است، آن را بررسی کنید!

یک هشدار دومی با لینک است، آن را بررسی کنید!

یک هشدار سومی با لینک است، آن را بررسی کنید!

یک هشدار موفق با لینک است، آن را بررسی کنید!

یک هشدار اطلاعات با لینک است، آن را بررسی کنید!

یک هشدار هشدار با لینک است، آن را بررسی کنید!

یک هشدار اخطار با لینک است، آن را بررسی کنید!

یک هشدار خطا با لینک است، آن را بررسی کنید!

یک هشدار تیره با لینک است، آن را بررسی کنید!

یک هشدار روشن با لینک است، آن را بررسی کنید!

یک هشدار سفید با لینک است، آن را بررسی کنید!

یک هشدار پیش فرض دور خط با لینک است، آن را بررسی کنید!

یک هشدار اصلی دور خط با لینک است، آن را بررسی کنید!

یک هشدار دومی دور خط با لینک است، آن را بررسی کنید!

یک هشدار سومی دور خط با لینک است، آن را بررسی کنید!

یک هشدار موفق دور خط با لینک است، آن را بررسی کنید!

یک هشدار اطلاعات دور خط با لینک است، آن را بررسی کنید!

یک هشدار هشدار دور خط با لینک است، آن را بررسی کنید!

یک هشدار اخطار دور خط با لینک است، آن را بررسی کنید!

یک هشدار خطا دور خط با لینک است، آن را بررسی کنید!

یک هشدار تیره دور خط با لینک است، آن را بررسی کنید!

یک هشدار روشن دور خط با لینک است، آن را بررسی کنید!

یک هشدار سفید دور خط با لینک است، آن را بررسی کنید!

متون اضافی

در هشدارها، میتوانید از انواع متون تصاویر و کد های html استفاده کنید.

LTR

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

RTL

آفرین!

اوه ، شما با موفقیت این پیام مهم هشدار را خواندید. این متن به عنوان مثال قرار است کمی طولانی تر شود تا شما ببینید چطور فاصله هشدار با این نوع محتوا کار می کند.

هر زمان که نیاز داشتید ، حتماً از سرویس های حاشیه ای برای خوب و مرتب کردن استفاده کنید.

بستن خودکار

در برخی مواقع میخواهید هشدار شما توسط کاربر بسته شود، برای این منظور میتوانید از نوع خاص دکمه استفاده کنید. آن دکمه بطور خودکار عملیات حذف هشدار را انجام میدهد. اگر تمایل دارید قبل از بسته شدن، عملیاتی دیگر مانند ثبت اطلاعات در سرور را انجام دهید، میتوانید در رخداد onclick دکمه، عملیات مد نظر را فراخوانی کنید.

LTR

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

RTL

حالتهای دیگر

شما میتوانید برای گسترش حالتهای مختلف نمایشی هشدار، از کلاسهای گسترش داده شده خود استفاده کنید. ما در زیر، نمونه ای از یک کلاس گسترده شده را نمایش می دهیدم

LTR

Callout Style

callout-start

Callout Style

callout-end

Callout Style

callout-top

Callout Style

callout-bottom

Mixed Callout Style

callout-start callout-bottom

RTL

استایل کال اوت

callout-start

استایل کال اوت

callout-end

استایل کال اوت

callout-top

استایل کال اوت

callout-bottom

استایل کال اوت ترکیبی

callout-start callout-bottom