Notifications
Bootstrap Toasts
Default Toast
Translucent
Toasts are slightly translucent, too, so they blend over whatever they might appear over.
Stacking
When you have multiple toasts, we default to vertically stacking them in a readable manner.
Placement
Place toasts with custom CSS as
you need them. The top right is
often used for notifications, as
is the top middle. If you’re
only ever going to show one
toast at a time, put the
positioning styles right on the .toast
.
You can also get fancy with flexbox utilities to align toasts horizontally and/or vertically.
Toast Placement
Various example of toast placement
.
Bordered with Icon Toast
Use toast-border-
with below-mentioned color
variation to set a toast with border and icon.
Toastify JS
Display Position
Offset Position
Close icon Display
Duration