Toasts در Bootstrap :
Bootstrap یکی از پرکاربردترین فریمورک‌های CSS و JavaScript برای طراحی وبسایت است. این فریمورک به طور پیش‌فرض بسیاری از ابزارهای مورد نیاز برای طراحی وبسایت‌های ریسپانسیو و کارآمد را در اختیار قرار می‌دهد. یکی از این ابزارها Toasts است.
Toasts یکی از ابزارهای قدرتمند و جذاب Bootstrap است که به شما اجازه می‌دهد تا پیغام‌هایی را با استفاده از جعبه‌های کوچک و قابل حرکت به کاربران خود نمایش دهید. این پیغام‌ها می‌توانند در هر زمانی نمایش داده شوند و می‌توانند حاوی متن، دکمه‌های انتخابی و حتی تصاویر باشند.
استفاده از Toasts در Bootstrap بسیار ساده است. با استفاده از چند خط کد، می‌توانید یک Toast ساده را برای نمایش پیغام‌های خود ایجاد کنید. برای مثال، در کد زیر یک Toast ساده با متن “سلام دنیا!” ایجاد شده است:
“`
Just now
“`
این کد شامل یک div با کلاس toast است که شامل دو div دیگر با کلاس‌های toast-header و toast-body است. این دو div برای نمایش عنوان و متن Toast استفاده می‌شوند. همچنین، یک دکمه بستن نیز به کد اضافه شده است که کاربران می‌توانند این Toast را بسته و از نمایش آن خارج شوند.
برای نمایش Toast، شما باید کد زیر را اجرا کنید:
“`
$(‘.toast’).toast(‘show’);
“`
این دستور به jQuery نشان می‌دهد که تمام divهایی با کلاس toast را انتخاب کند و آن‌ها را به عنوان Toast نمایش دهد.
از آنجا که Toasts در Bootstrap بسیار ساده و قابل تنظیم هستند، شما می‌توانید آن‌ها را برای نمایش هرگونه پیغام یا اطلاعیه در وبسایت خود به کار ببرید. همچنین، شما می‌توانید با استفاده از CSS و JavaScript سفارشی‌سازی بیشتری برای Toasts خود ایجاد کنید.
