基于bootstrap_登陆页面
2024-08-30 13:26:52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<div class="container bg-success"> <div class="row" style="margin-top: 100px"><div class="col-md-4 col-md-offset-5"><h3>请登录</h3></div></div>
<div class="row" > <div class="col-md-4 col-md-offset-4">
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> 记住我
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">登录</button>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
效果图↓:
最新文章
- 谈谈php里的DAO Model AR
- php统计网站访问次数的一个简单方法
- 知方可补不足~用CDC功能来对数据库变更进行捕捉
- Shine.js – 帮助你实现各种好看的阴影效果
- 【转】IOS动画的实现,其实很简单
- Java学习-011-创建文件实例及源代码
- db file sequential read (数据文件顺序读取)
- D2GS1.11 的DC Key的相關設置指南
- oracle索引,索引的建立、修改、删除
- Selenium2Library系列 keywords 之 _SelectElementKeywords 之 _get_values_for_options(self, options)
- (转载)MySql按日期进行统计(前一天、本周、某一天)
- hadoop错误INFO util.NativeCodeLoader - Unable to load native-hadoop library for your platform... using builtin-java classes where applicable
- RedHat7搭建Nginx+Apache+PHP
- C蛮的全栈之路-node篇(一) 环境布置
- 解决 jQuery.UI.Resizable aspectRatio在init后无法重新设置
- SOM聚类与Voroni图在验证码字符分割中的应用
- 同时运行ecstore1.2与ecstore2.0的解决方案
- 搭建简易的c语言与python语言CGI和Apache服务器的开发环境
- 【SSH系列】Hibernate映射 -- 多对多关联映射
- HTML5中 HTML列表/块/布局 韩俊强的博客