浮窗登陆 

 1 <head runat="server">
 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 3     <title></title>
 4     <link rel="stylesheet" href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
 5     <link rel="stylesheet" href="bootstrap-3.3.5/dist/css/bootstrap-theme.min.css" />
 6     <script src="bootstrap-3.3.5/js/tests/vendor/jquery.min.js"></script>
 7     <script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
 8 </head>
 9 <body>
10       <div id="loginModal" class="modal show">
11   <div class="modal-dialog">
12     <div class="modal-content">
13       <div class="modal-header">
14         <button type="button" class="close">X</button>
15         <h1 class="text-center text-primary">登录</h1>
16       </div>
17       <div class="modal-body">
18         <form action="#" class="form col-md-12 center-block">
19           <div class="form-group">
20             <input type="text" class="form-control input-lg" placeholder="电子邮件"/>
21           </div>
22           <div class="form-group">
23             <input type="password" class="form-control input-lg" placeholder="登录密码"/>
24           </div>
25           <div class="form-group">
26             <button class="btn btn-primary btn-lg btn-block">立刻登录</button>
27             <span><a href="#">找回密码</a></span>
28             <span><a href="#" class="pull-right">注册</a></span>
29           </div>
30         </form>
31       </div>
32       <div class="modal-footer">
33         
34       </div>
35     </div>
36   </div>
37 </div>
38 </body>
39 </html>

 

posted @ 2016-05-22 16:00  hamburger  阅读(236)  评论(0)    收藏  举报