首页用BOOTSTRAP样式布一个HTML登录页面，LOGO图片，有用户名，密码，记住我。label用中文，label与INPUT要一行。

用BOOTSTRAP样式布一个HTML登录页面，LOGO图片，有用户名，密码，记住我。label用中文，label与INPUT要一行。

时间: 2023-05-23 20:01:51 浏览: 194

bootstrap后台登录界面特效代码

bootstrap后台登录界面代码是一款基于基于bootstrap和css3实现的自适应移动端优先的登录界面代码。

请看以下示例代码： ``` <!DOCTYPE html> <html> <head> <title>登录页面</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.3.1/css/bootstrap.min.css"> <style> body { background-color: #f5f5f5; } .container { margin-top: 50px; } .center { text-align: center; } </style> </head> <body> <div class="container"> <div class="row justify-content-center"> <div class="col-md-4"> <form> <div class="center"> <img src="./logo.png" width="80" height="80" alt="logo"/> </div> <br> <div class="form-group"> <label for="username">用户名</label> <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名"> </div> <div class="form-group"> <label for="password">密码</label> <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码"> </div> <div class="form-check"> <input type="checkbox" name="remember" id="remember" class="form-check-input"> <label for="remember" class="form-check-label">记住我</label> </div> <br> <div class="center"> <button type="submit" class="btn btn-primary">登录</button> </div> </form> </div> </div> </div> </body> </html> ``` 使用上述代码可以在网页中布局一个基于 Bootstrap 样式的登录页面，包括 LOGO 图片，用户名、密码输入框及记住我复选框。

阅读全文