Bootstrap 5 Push notification Modal snippet — a free Bootstrap 5 alert snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#form"> See Modal with Form </button>
2<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
3 <div class="modal-dialog modal-dialog-centered" role="document">
4 <div class="modal-content py-md-5 px-md-4 p-sm-3 p-4">
5 <h3>Push notifications</h3> <i class="fa fa-bell"></i>
6 <p class="r3 px-md-5 px-sm-1">Recieve push notifications to be updated to latest news.</p>
7 <div class="text-center mb-3"> <button class="btn btn-primary w-50 rounded-pill b1">Subscribe</button> </div> <a href="#">Not now</a>
8 </div>
9 </div>
10</div>
Bootstrap 5 Notification Page Design snippets example
Add a alert to your UI with Bootstrap 5 Notification Page Design snippets example. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Bootstrap 5 Notification UI Design snippets with navbar
Bootstrap 5 Notification UI Design snippets with navbar — a free Bootstrap 5 alert snippet.
Custom Toast notification with Progress Bar
Add a alert to your UI with Custom Toast notification with Progress Bar. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
13
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.