Berikut adalah contoh kode untuk membuat form login dengan menggunakan Bootstrap dan class .bg-light untuk memberikan latar belakang yang terang
Form Login
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<title>Form Login</title>
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card mt-5">
<div class="card-header bg-light">
<h4 class="text-center">Form Login</h4>
</div>
<div class="card-body">
<form>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" placeholder="Masukkan username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Masukkan password">
</div>
<button type="submit" class="btn btn-primary">Login</button>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>Anda dapat menggunakan kode di atas untuk membuat form login dengan tampilan yang menarik menggunakan Bootstrap. Class .bg-light digunakan untuk memberikan latar belakang yang terang pada header form.
Pastikan Anda telah memasukkan link CSS Bootstrap yang diperlukan di dalam tag <head> untuk menghubungkan dengan library Bootstrap.
Semoga contoh kode di atas dapat membantu Anda dalam membuat form login dengan Bootstrap. Selamat mencoba!
Leave a Reply