i trying align textfields bootstrap keep failing adopt found on sources project. trying aligning e-mail , password text-fields leave 'remember me' , 'login' centered.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> <form method="post" action="/auth/login"> <div class="form-group"> <div> <label for="exampleinputemail1">email address</label> <input type="email" name="email" value="{{ old('email') }}"> </div> </div> <div class="form-group"> <div> <label for="exampleinputpassword1">password</label> <input type="password" name="password" id="password"> </div> </div> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox" name="remember"> remember me </label> </div> </div> <div class="form-group"> <div> <button type="submit" class="btn btn-default">login</button> </div> </div> </form>
you can use bootstrap's form-horizontal class achieve layout.
demo: http://www.bootply.com/nj2p2gi76b
<form class="form-horizontal"> <div class="form-group"> <label for="inputemail" class="col-sm-2 control-label">email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputemail"> </div> </div> <div class="form-group"> <label for="inputpassword" class="col-sm-2 control-label">password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputpassword"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> remember me </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">log in</button> </div> </div> </form> 
Comments
Post a Comment