اخطار در بوت استرپ 4 (Bootstrap 4 Alerts) :

امروز می خواهیم به شما اخطار در بوت استرپ ۴ را آموزش بدهیم.

اخطارها در بوت استرپ ۴

حتما برای شما هم پیش آمده که اخطارهایی را قبل یا بعد از انجام یک عملیات در وب سایت های مختلف دیده باشید. این اخطارها یک متن برجسته شده می باشند که به شما اطلاعات مهمی را انتقال می دهند. در بوت استرپ شما می توانید بوسیله کلاسهای زیر این اخطارها را به شکل های مختلف به نمایش در بیاورید.

کلاس alert. برای به نمایش درآوردن اخطارها در بوت استرپ به کار می‌‌رود که با اضافه کردن کلاسهای متنی در ادامه آن می توانید اخطارها را با طرح های مختلف به کاربر نشان دهید.

این کلاس ها عبارتند از :

.alert-success.alert-info.alert-warning.alert-danger.alert-primary.alert-secondary.alert-light.alert-dark

 

حالت اول ( Alert Links ) :

See the Pen
pMxbXQ
by Farazgar (@Rezash)
on CodePen.

 

حالت دوم ( Closing Alerts ) :

روی علامت x کلیک کنید تا اخطار بسته شود.

See the Pen
OKBRJz
by Farazgar (@Rezash)
on CodePen.

 

حالت سوم ( Animated Alerts ) :

روی علامت x کلیک کنید تا اخطار محو شود. برای محو شدن از کلاس های fade. و show. استفاده کنید.

See the Pen
voVXEx
by Farazgar (@Rezash)
on CodePen.

از اینکه فرازگر را در این مقاله همرایی کردید از شما سپاسگذاریم.

سایت بوت استرپ ۴ : www.getbootstrap.com

مقاله پیشنهادی :
برچسب‌ها:
مدیر کلمدیر کل

نوشته‌های مرتبط

قوانین ارسال دیدگاه

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

*
*

*

code