首页 >web前端 >html教程 >基于bootstrap后台登录界面代码_html/css_WEB-ITnose

基于bootstrap后台登录界面代码_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原创
2016-06-24 11:32:152006浏览

分享一款基于bootstrap后台登录界面代码。这是一款基于基于bootstrap和css3实现的自适应移动端优先的登录界面代码。实现的效果图如下:

在线预览    源码下载

实现的代码。

html代码:

<div class="signin">        <div class="signin-head"><img class="img-circle lazy"  src="/static/imghwm/default1.png"  data-src="images/test/head_120.png"  alt=""></div>        <form class="form-signin" role="form">            <input type="text" class="form-control" placeholder="用户名" required autofocus />            <input type="password" class="form-control" placeholder="密码" required />            <button class="btn btn-lg btn-warning btn-block" type="submit">登录</button>            <label class="checkbox">                <input type="checkbox" value="remember-me"> 记住我            </label>        </form>    </div>

via:http://www.w2bc.com/article/bootstrap-user-login-form

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn