ارسال نظر برای این مطلب
سید محمد میرعالی
امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.
دسته بندی مطالب
آمار سایت
کل مطالب : 39
کل نظرات : 6
افراد آنلاین : 1
تعداد اعضا : 0
آی پی امروز : 20
آی پی دیروز : 98
بازدید امروز : 57
باردید دیروز : 114
گوگل امروز : 0
گوگل دیروز : 0
بازدید هفته : 57
بازدید ماه : 309
بازدید سال : 10,429
بازدید کلی : 248,177
آموزش کار با Alerts در Bootstrap 4
در اين مطلب از سايت ميرممد با Alerts در بوتسترپ نسخه چهار كار خواهيم كرد.كلاس Alerts وقتي به يك div داده ميشه ، یک پیغام زیبا به کاربر نشون داده میشه.تکه کد استفاده از Alerts در بوتسترپ چهار :
<div class="alert alert-success">
به سایت میر ممد خوش آمدید
</div>
خروجی کد بالا :
به سایت میر ممد خوش آمدید
یک سری رنگ بندی هایی هم برای Alerts در بوتسترپ هم وجود داره که با مثال توضیح میدم :
<div class="alert alert-success">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-info">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-warning">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-danger">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-primary">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-secondary">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-dark">
به سایت میر ممد خوش آمدید
</div>
<div class="alert alert-light">
به سایت میر ممد خوش آمدید
</div>
خروجی کد بالا به ترتیب :
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
به سایت میر ممد خوش آمدید
alert در بوتسترپ همراه با دکمه بستن :
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
به سایت میر ممد خوش آمدید
</div>
همونطور که میبینید فقط کافیه کلاس alert-dismissible رو به آلرتمون اضافه کنیم و یک دکمه با دو اتریبیوت
class="close" data-dismiss="alert"
را به الرت اضافه کنیم.خروجی کد بالا :
به سایت میر ممد خوش آمدید
اگر سوالي داشتيد ميتونيد از بخش نظرات كه پايين هستش سوالتونو بپرسيد
ممنون بابت وقتي كه براي خوندن مطلب گذاشتيد.
پيشنهاد ميكنم از مطالب زير نيز استفاده كنيد :