Get started with bootstrap-login-form CDN
MIT licensed
Bootstrap-login-form is a lightweight, customizable Bootstrap component for creating responsive login forms.
Tags:- bootstrap
- template
- bootstrap5
- responsive
- css
- responsive-design
- login
- bootstrap5-template
- login-forms
- sign-in
- sign-up
Stable version
Copied!
How to start using bootstrap-login-form CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with bootstrap-login-form CDN - cdnhub.io</title>
<!-- Add Bootstrap CSS and Bootstrap-login-form CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.cdnhub.io/bootstrap-login-form/1.0.0/bootstrap-login-form.min.css">
</head>
<body>
<!-- Add Bootstrap container -->
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-4">
<!-- Add Bootstrap login form -->
<form class="p-4 p-md-5 border border-gray-300 bg-white rounded shadow-sm" id="loginForm">
<h5 class="mb-3 text-center">Sign in</h5>
<div class="form-floating mb-3">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
<label for="floatingInput">Email address</label>
</div>
<div class="form-floating mb-3">
<input type="password" class="form-control" id="floatingPassword" placeholder="Password">
<label for="floatingPassword">Password</label>
</div>
<div class="mb-3">
<button class="btn btn-primary w-100" type="submit">Sign in</button>
</div>
</form>
</div>
</div>
</div>
<!-- Add Bootstrap JS and Bootstrap-login-form JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.cdnhub.io/bootstrap-login-form/1.0.0/bootstrap-login-form.min.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!