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
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Immerse in a modern audio experience with our neumorphic music player, featuring a dynamic waveform scrubber and interactive queue visuals.
Revolutionize your AI interactions with this stunning, neon-infused chat interface. With dynamic status indicators and orbital animations, it captivates and informs.
Craft seamless schedules with an elegant neumorphic interface where you can drag and select time ranges effortlessly in a futuristic calendar view.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.