浮窗登陆
Posted hamburger
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浮窗登陆相关的知识,希望对你有一定的参考价值。
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>
以上是关于浮窗登陆的主要内容,如果未能解决你的问题,请参考以下文章