基于bootstrap后台登录界面代码

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

在线预览   源码下载

实现的代码。

html代码:

<div class="signin">
        <div class="signin-head"><img src="images/test/head_120.png" alt="" class="img-circle"></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

时间: 2024-10-07 18:38:11

基于bootstrap后台登录界面代码的相关文章

jquery后台登录页面背景图片自动轮换登录界面代码

在别的网站上看到的比较炫酷的Web登陆界面,背景图片可以自动轮换.介绍给大家,有兴趣的可以下来改改当做自己系统的登陆界面. 如图: 点击下载源代码 jquery后台登录页面背景图片自动轮换登录界面代码

Nginx环境使用auth_basic密码保护wordpress后台登录界面

现时许多使用wordpress的人,或多或少都会出现后台被登录许多次的气象,运道欠好就被进去了,一般大伙都会通过修正wp-login文件来保护wordpress后台,只是这类方式有个不便捷的位置就是每回WPupgrade就又要重改一遍,感触很烦劳,但是使用Nginx的auth_basic基本http考证功能可以保护web目录下的文件,因而咱们便可以使用此文件来保护wp-login.php文件,结果就是进入后台之前,还需要考证成功,这样感触很有效.这里以军哥的lnmp环境为例. 更多设置请 希望以

30分钟搞定后台登录界面(103个后台PSD源文件、素材网站)(转)

出处:http://www.cnblogs.com/best/p/6582294.html 目录 一.界面预览 二.PSD源文件预览 三.工具分享 四.资源说明 五.素材下载网站 六.下载 去年八月时要做一个OA系统为了后台界面而烦恼,后来写了一篇博客(<后台管理UI的选择>)介绍了选择过程与常用后台UI,令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间,最后界面效果还是不佳:还好这个OA系统已经基本交付给客户在使用了,但登录界面还是非常难看,这几天花时间修改了一下,感觉还行,

引入Bootstrap制作登录界面

<!DOCTYPE html> <html lang="zh-CN"> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="widt

后台+登录界面

1.猫头鹰后台登录:http://www.sucaihuo.com/templates/320.html 示例:http://www.sucaihuo.com/modals/3/320/demo/ 2.通用响应式登录:http://www.sucaihuo.com/templates/244.html 示例:http://www.sucaihuo.com/modals/2/244/demo/ 3.蓝色企业模板:http://www.sucaihuo.com/templates/113.html

MVC+EasyUI+三层新闻网站建立(二后台登录界面的搭建)

首先我们在Controllers里面新添加一个控制器就叫LoginController,右键点击Controllers添加控制器就可以了(注意后面一定是Controller结尾,这是一种约定) 其次:右键点击index建立Index视图.(不选择使用母版页) 现在我们就可以在Index视图中设计我们的登录页面了. 这里需要我们引入几个Css样式和JS文件 简单的进行登录界面的布局 <html> <head> <meta name="viewport" co

Bootstrap后台管理界面模板(ACE后台管理界面)

响应式Bootstrap网站后台管理系统模板ACE,非常不错的轻量级易用的后台管理系统,基于Bootstrap3,拥有强大的功能组件以及UI组件,基本能满足后台管理系统的需求,而且能根据不同设备适配显示,而且还有四个主题可以切换. 网页图标全采用FontAwesome,除Bootstrap,jQuery UI使用到的第三方插件有: jQuery 2.0.3 jQuery UI 1.10.3 (Custom Build) Twitter Bootstrap 3.0.0 FontAwesome 3.

Bootstrap风格登录界面设计样例

参考:http://bootsnipp.com/tags/login Register Page 127.8K 187 Modal Login with jQuery Effects 159.2K 210 Custom Login, Registration & Forgot Password 171.8K 113 Clean Modal Login Form 160.5K 184 Login and Register tabbed form 151.7K 175 Google style lo

js登录界面代码自用

var btn = document.getElementById("a4"); var usne = document.getElementById("username"); var psw = document.getElementById("password"); var usneTips1 = document.getElementById("username-tips1"); var usneTips2 = docu