Toasts are small notification panels (e.g. “Saved” or “Error”). Use .toast as the wrapper, optional .toast-header (with .btn-close and data-bs-dismiss="toast"), and .toast-body for the message. Show/hide via JavaScript: bootstrap.Toast.getOrCreateInstance(toastEl).show().

.toast – main container. .toast-header – top bar (title, time, close). .toast-body – message content. Use role="alert" and aria-live="assertive" for accessibility. Close button: .btn-close with data-bs-dismiss="toast".

data-bs-autohide="true" (default) – toast hides after a delay. data-bs-delay="5000" – delay in milliseconds before auto-hide. Add to the .toast element.