Toast
Default Toast
Use Bootstrap's default toast to display notifications with .toast class. To show a toast, add the .show class and use JavaScript for automatic dismissal.
Herozi
11 mins ago
Herozi
11 mins ago
Your account will be permanently deleted?
Do you intend to continue?
Live example
Check out the live example of a Bootstrap toast by adding a <div class="toast"> with .toast class to your page. Use JavaScript to show or hide the toast and customize its content as needed.
Herozi
11 mins ago
Your account will be permanently deleted?
Color schemes
Apply color schemes to Bootstrap toasts using classes like .bg-success or .bg-danger. These classes change the toast's background color to match different themes, such as success or error.
Toast Placement
Set toast placement in Bootstrap using classes like .top-0 .start-50 or .bottom-0 .end-0. These classes position the toast in different corners of the screen.
Herozi
11 mins ago
Custom toast color example
Customize toast colors in Bootstrap by applying classes like .bg-primary or .text-light to the <div class="toast">. This allows you to set custom background and text colors for your toasts.
"Hey, can we reschedule our meeting?"
Reply now or check your inbox for more details.
What's new:
- Improved performance on startup
- Bug fixes and UI enhancements
Transaction ID: 124589.
View receipt or download PDF.
Email: john.doe@example.com
Phone: +1234567890
Review changes.
Secure your account or review recent activity.