Toasts

Bootstrap 5 Toasts

Push notifications to your visitors with a 'toast', a lightweight and easily customizable alert message. Toasts are designed to mimic the push notifications that have been popularized by mobile and desktop operating systems.

Basic example

Bootstrap 11 mins ago

Hello, world! This is a toast message.

var toastElList = [].slice.call(document.querySelectorAll('.toast')); var toastList = toastElList.map(function (toastEl) { return new mdb.Toast(toastEl); });

Colors