用BOOTSTRAP样式布一个HTML登录页面,LOGO图片,有用户名,密码,记住我。
时间: 2023-05-23 16:01:28 浏览: 76
可以这样来实现一个基础的登录页面:
```
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4">
<img src="path/to/logo.png" class="img-fluid mb-3">
<form>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" placeholder="Enter username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password">
</div>
<div class="form-check mb-3">
<input type="checkbox" class="form-check-input" id="remember-me">
<label class="form-check-label" for="remember-me">Remember Me</label>
</div>
<button type="submit" class="btn btn-primary btn-block">Sign In</button>
</form>
</div>
</div>
</div>
</body>
</html>
```
这个页面使用了 Bootstrap 4 的样式,并且包含了一个 LOGO 图片,用于输入用户名、密码以及记住我这些表单控件,还有一个提交按钮。