Bootstrap 5 simple quick login form

Loading…

Bootstrap 5 simple quick login form | GoSnippets

Source Code

1<div class="container d-flex justify-content-center">
2    <div class="card mx-5 my-5">
3        <div class="card-body py-2 px-2">
4            <h2 class="card-heading py-3 px-5">Log In</h2>
5            <div class="row rone mx-3 my-3">
6                <div class="col-md-6">
7                    <div class="mb-3"><label for="inputEmail" class="visually-hidden">Email or Phone</label><input type="email" class="form-control" id="inputEmail" placeholder="Email or Phone"></div>
8                </div>
9                <div class="col-md-6">
10                    <div class="mb-3"><label for="inputPassword" class="visually-hidden">Password</label><input type="password" class="form-control" id="inputPassword" placeholder="Password"></div>
11                </div>
12            </div>
13            <div class="row rtwo mx-3">
14                <div class="col-md-6">
15                    <div class="mb-3"><button type="submit" class="btn btn-primary mb-2">log In</button></div>
16                </div>
17                <div class="col-md-6">
18                    <div class="mb-3"><a href="#" class="forgot">Forgot your Password?</a></div>
19                </div>
20            </div>
21        </div>
22    </div>
23</div>

Bootstrap 5 simple quick login form

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery