Collection of free Bootstrap notification code examples. Update of November 2020 collection. 5 new items.
Related Articles

Links
Made with
- HTML / CSS
About a code
Bootstrap Profile Notification Settings
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.5.0

Links
Made with
- HTML / CSS
About a code
Bootstrap Notification List
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: materialdesignicons.css
Bootstrap version: 4.5.0

Links
Made with
- HTML / CSS
About a code
Bootstrap 5 Notification
Bootstrap 5 simple notification modal card.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
Bootstrap version: 5.0.0

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Advanced Toast
A light weight Bootstrap 4 toast notification plugin built with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bs4-toast.css, bs4-toast.js, jquery.js
Bootstrap version: 4.5.2

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Show Notification
A jQuery plugin wrapper around Bootstrap 4 alerts, to create fixed alerts (also called notifications) dynamically in JavaScript.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap-show-notification.js, jquery.js
Bootstrap version: 4.5.0

Links
Made with
- HTML / CSS
About a code
Bootstrap 4 Push Notification Modal
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS
About a code
Bootstrap 4 Notification
Bootstrap 4 simple transaction notification template.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.4.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Notification
Bootstrap 4 notification with navbar dropdown.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Notification
Bootstrap 4 notification settings modal with radio button.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Notification
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
Bootstrap version: 4.4.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 No Internet Connection Information Card
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS
About a code
Bootstrap 4 Modal of a Policy Update Notification
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Toast Notification
Bootstrap 4 toast notification with sound.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: toasty.css, toasty.js, jquery.js
Bootstrap version: 4.0.0

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Toast Notifications
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bs4-studio-konkon.css, material-design-iconic-font.css, jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS
About a code
Bootstrap Unify Colorful Notifications
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.0.0

Links
Made with
- HTML / CSS
About a code
Bootstrap Unify Light Notifications
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.0.0