从官方下载 Bootstrap 版本 页面内容参考自 http://www.cnblogs.com/sanjuantianshu/p/3935120.html
bootstrap-3.2.0.zip http://vip.csdn.net/home/down/7838607
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- Bootstrap不支持IE的兼容模式,加入此标签以确保在每个被支持的IE浏览器中保持最好的页面展现效果 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 由于Bootstrap 3是移动设备优先,加入此标签是为了确保适当的绘制和触屏缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap-Template-01</title> <link rel="stylesheet" href="./bootstrap-3.2.0/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="./mycss/login.css"> </head> <body> <div class="main"> <div style="width:200px;float:left;border:1px solid #ccc;margin-left:39%;margin-top:200px;"> <div class="container" style="width:80%;"> <form action="#" class="form-signin" role="form"> <h2 class="form-signin-heading">用户登录</h2> <input type="text" class="form-control" placeholder="请输入用户名" required autofocus> <div style="height:10px;clear:both;display:block"></div> <input type="password" class="form-control" placeholder="请输入密码" required> <div class="checkbox"> <label> <input type="checkbox" value="remember-me"> 记住登录状态 </label> </div> <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button> </form> </div> </div> </div> <script src="./bootstrap-3.2.0/jquery/jquery-1.7.1.js"></script> <script src="./bootstrap-3.2.0/dist/js/bootstrap.min.js"></script> </body> </html>
.main{ width:100%}