Free Bootstrap 5 form snippet — Bootstrap 5 booking forms snippets | Templates. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Free Bootstrap 5 form snippet — Bootstrap 5 booking forms snippets | Templates. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
1<div id="booking" class="section">
2<div class="section-center">
3<div class="container">
4<div class="row">
5<div class="col-md-7 col-md-push-5">
6<div class="booking-cta">
7<h1>Make your reservation</h1>
8<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi facere, soluta magnam consectetur molestias itaque
9ad sint fugit architecto incidunt iste culpa perspiciatis possimus voluptates aliquid consequuntur cumque quasi.
10Perspiciatis.
11</p>
12</div>
13</div>
14<div class="col-md-4 col-md-pull-7">
15<div class="booking-form">
16<form>
17<div class="mb-3">
18<span class="form-label">Your Destination</span>
19<input class="form-control" type="text" placeholder="Enter a destination or hotel name">
20</div>
21<div class="row">
22<div class="col-sm-6">
23<div class="mb-3">
24<span class="form-label">Check In</span>
25<input class="form-control" type="date" required>
26</div>
27</div>
28<div class="col-sm-6">
29<div class="mb-3">
30<span class="form-label">Check out</span>
31<input class="form-control" type="date" required>
32</div>
33</div>
34</div>
35<div class="row">
36<div class="col-sm-4">
37<div class="mb-3">
38<span class="form-label">Rooms</span>
39<select class="form-control">
40<option>1</option>
41<option>2</option>
42<option>3</option>
43</select>
44<span class="select-arrow"></span>
45</div>
46</div>
47<div class="col-sm-4">
48<div class="mb-3">
49<span class="form-label">Adults</span>
50<select class="form-control">
51<option>1</option>
52<option>2</option>
53<option>3</option>
54</select>
55<span class="select-arrow"></span>
56</div>
57</div>
58<div class="col-sm-4">
59<div class="mb-3">
60<span class="form-label">Children</span>
61<select class="form-control">
62<option>0</option>
63<option>1</option>
64<option>2</option>
65</select>
66<span class="select-arrow"></span>
67</div>
68</div>
69</div>
70<div class="form-btn">
71<button class="submit-btn">Check availability</button>
72</div>
73</form>
74</div>
75</div>
76</div>
77</div>
78</div>
79</div>
Bootstrap 5 simple login form with social login
Free Bootstrap 5 form snippet — Bootstrap 5 simple login form with social login. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

Bootstrap 5 Login Form UI Design snippets
Bootstrap 5 Login Form UI Design snippets: a hand-crafted, open-source Bootstrap 5 form. HTML & CSS included, ready to copy.

Bootstrap 5 Fancy user login form snippets
Free Bootstrap 5 form snippet — Bootstrap 5 Fancy user login form snippets. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
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.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.