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.
Toasts are slightly translucent, too, so they blend over whatever they might appear over.
You can stack toasts by wrapping them in a toast container, which will vertically add some spacing.
Building on the above example, you can create different toast color schemes with our color and
background utilities. Here we’ve added
.text-white to the
.toast, and then added
.btn-close-white to our close button. For a crisp
edge, we remove the default border with
|The text can be an array|
|Put some HTML in the text|
|Making them sticky|
|Slide up and down transitions|
|Simple show from and hide to corner transition|