login form in bootstrap 4

Submit By webmaster 2 years ago in bootstrap category
Tags: bootstrap-4login
Bootstrap 4 login form with username, password and remember me fields.
Preview HTML CSS JavaScript Resources
<div id="login-form"> <h3 class="text-center text-white pt-5">Login form</h3> <div class="container"> <div id="login-row" class="row justify-content-center align-items-center"> <div id="login-column" class="col-md-6"> <form id="login-form" class="form" action="" method="post"> <h3 class="text-center text-info">Login</h3> <div class="form-group"> <label for="username" class="text-info">Username:</label><br> <input type="text" name="username" id="username" class="form-control" required> </div> <div class="form-group"> <label for="password" class="text-info">Password:</label><br> <input type="text" name="password" id="password" class="form-control" required> </div> <div class="form-group"> <input id="remember-me" name="remember-me" type="checkbox"> <label for="remember-me" class="text-info">Remember me</label> </div> <div class="form-group"> <input type="submit" name="submit" class="btn btn-info btn-md" value="submit"> <a href="#" class="text-info ml-10">Register here</a> </div> </form> </div> </div> </div> </div>
.ml-10{margin-left: 30px;} #login-row { padding: 10px; background: #333;}
Bootstrap = 4.6.1

Download login form in bootstrap 4 snippet code.

This HTML, CSS, JavaScript and Bootstrap snippet is free (open-source) hence you can use it in your project. You can modify the above editor code and see the live update. You can also download the modify code. Feel free to play with login form in bootstrap 4 snippet code. If you like it then don't forget to share this code with your friends.

Free code snippet playground

Let's share the example by using HTML, CSS, JavaScript and Bootstrap.

Add New Snippet