هشدار ها

پیام های بازخورد متنی را برای اقدامات معمول کاربر با پیام های هشدار در دسترس و انعطاف پذیر ارائه دهید. برای لیست کامل دستورالعمل ها و گزینه های دیگر مستندات رسمی بوت استرپ را بخوانید.

مثال پایه

هشدارها برای هر طول متن در دسترس هستند. برای استایل مناسب، از یکی از هشت کلاس متنی مورد نیاز استفاده کنید (.alert-success).

هشدار توپُر

افزودن کلاس .alert-fill-* به همراه کلاس .alert

با آیکون

افزودن یک آیکون کنار تگ div

از کلاس ابزار .alert-link برای ارائه سریع پیوندهای رنگی مطابق با هر هشدار استفاده کنید.

محتوای اضافه

هشدارها همچنین می توانند حاوی عناصر اضافی HTML مانند سرفصل ها، پاراگراف ها و تقسیم کننده ها باشند.

قابلیت حذف

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

  • یک دکمه رد کردن و کلاس .alert-dismissible اضافه کنید، که دکمه .close را در هشدار قرار می دهد.
  • در دکمه رد کردن، ویژگی data-bs-dismiss="alert" را اضافه کنید، که عملکرد جاوا اسکریپت را فعال می کند.
  • برای متحرک سازی هشدارها هنگام رد کردن آنها، حتماً کلاس های .fade و .show را اضافه کنید.