"Compact login form BS 3"
Bootstrap 3.0.0 Snippet by msurguy

<div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Please sign in</h3> </div> <div class="panel-body"> <form accept-charset="UTF-8" role="form"> <fieldset> <div class="form-group"> <input class="form-control" placeholder="E-mail" name="email" type="text"> </div> <div class="form-group"> <input class="form-control" placeholder="Password" name="password" type="password" value=""> </div> <div class="checkbox"> <label> <input name="remember" type="checkbox" value="Remember Me"> Remember Me </label> </div> <input class="btn btn-lg btn-success btn-block" type="submit" value="Login"> </fieldset> </form> </div> </div> </div> </div> </div>
body{padding-top:20px;}

Similar snippets: See More


Comments:

JGallardo 2013-11-15 23:19:26
    This is great, thank you.
Obed 2013-12-04 16:50:05
    Excelente Gracias!!
Volker Aufschild 2014-01-18 16:31:04
    Very nice. Thank you.
Алексей Данчин 2014-04-27 06:59:49
    Это очень круто! Спасибо =D
maxsurguy 2014-05-18 02:51:26
    На здоровье!
George 2014-12-15 18:20:28
    quick question: why is there a value attribute in the <input> for password?
maxsurguy 2014-12-15 18:25:22
    It is optional in this case, you can remove it if you want.
A better way would be to validate against the HTML standards though.
Dan T 2015-01-19 15:26:39
    If you make this panel longer the page will not scroll so you can see the bottom of the panel.

Commenting will be back soon.