ブートストラップに基づいてバックグラウンド ログイン インターフェイス コードを共有します。これは、ブートストラップと 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