اخطار در بوت استرپ 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
