Bootstrap 5 Modal box snippets example: a hand-crafted, open-source Bootstrap 5 modal. HTML, CSS & JS included, ready to copy.
1<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalTitle" aria-hidden="true">
2 <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
3 <div class="modal-content">
4 <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close">
5 <span aria-hidden="true" class="btn-dark float-end">×</span>
6 </button>
7 <div class="modal-body">
8 <div class="row">
9 <div class="col-lg-5 d-none d-md-none d-sm-none d-lg-block d-xl-block"><img src="https://www.tolmatol.com/uploads-images/img-1.jpg" class="img-fluid" alt=""></div>
10 <div class="col-lg-7">
11 <div class="modal-inner">
12 <h4>JOIN OUR MAILING LIST </h4>
13 <p><small>Sign Up for exclusive updates, new arrivals & insider-only discounts</small></p>
14 <form action="">
15 <input type="text" name="" id="" class="form-control">
16 <button class="btn btn-danger w-100 mt-2">Submit</button>
17
18
19 </form>
20 </div>
21
22 </div>
23 </div>
24
25 </div>
26
27 </div>
28 </div>
29</div>
Bootstrap Delete Confirmation Modal snippet
Bootstrap Delete Confirmation Modal snippet — a free Bootstrap 5 modal snippet. Copy the HTML and paste straight into your Bootstrap 5 project.
Bootstrap Simple Success Confirmation Popup snippet
Free Bootstrap 5 modal snippet — Bootstrap Simple Success Confirmation Popup snippet. Preview, copy HTML, drop it into any Bootstrap 5 project.
Bootstrap 5 customer ratings modal snippets with emojis
Add a modal to your UI with Bootstrap 5 customer ratings modal snippets with emojis. Free Bootstrap 5 code — HTML & CSS 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.