1. 程式人生 > >基於bootstrap_登陸頁面

基於bootstrap_登陸頁面

密碼 AD doctype -m image char lan tro bmi

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登錄頁面</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<div class="container bg-success">

    <div class="row" style="margin-top: 100px"
><div class="col-md-4 col-md-offset-5"><h3>請登錄</h3></div></div> <div class="row" > <div class="col-md-4 col-md-offset-4"> <form class="form-horizontal"> <div class="form-group"> <
label for="inputEmail3" class="col-sm-2 control-label">郵箱</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <
div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">密碼</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> 記住我 </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-primary">登錄</button> </div> </div> </form> </div> </div> </div> </body> </html>

效果圖↓:

技術分享圖片

基於bootstrap_登陸頁面