Toast
Push notifications to your visitors with a toast,a lightweight and easily customizable alert message. Read the Official Bootstrap Documentationfor a full list of instructions and other options.
Basic Example
Toasts are as flexible as you need and have very little required markup. At a minimum,we require a single element to contain your “toasted” content and strongly encourage a dismiss button.
Notification
11 mins ago
Hello,world!This is a toast message.
Translucent
Toasts are slightly translucent,too,so they blend over whatever they might appear over.
Notification
11 mins ago
Hello,world!This is a toast message.
Stacking
When you have multiple toasts,we default to vertiaclly stacking them in a readable manner.
Notification
Just now
See? Just like this.
Notification
11 mins ago
Hello,world!This is a toast message.
Placement
Place toasts with custom CSS as you need them. The top right is often used for notifications,as is the top middle.
Notification
11 mins ago
Hello,world!This is a toast message.
Notification
11 mins ago
Hello,world!This is a toast message.