Full width login form

Author:

Maks

Snipp created on:

2012-09-12 16:00:49

Description:

Full width login form with an error message placeholder, Username, Password, Remember Me checkbox and full width "Sign in" button.

Snipp preview:


Please Sign In
×Incorrect Username or Password!

Snipp HTML code:

Like Bootsnipp? Please give a tip:

<div class="container">
	<div class="row">
		<div class="span4 offset4 well">
			<legend>Please Sign In</legend>
          	<div class="alert alert-error">
                <a class="close" data-dismiss="alert" href="#">×</a>Incorrect Username or Password!
            </div>
			<form method="POST" action="" accept-charset="UTF-8">
			<input type="text" id="username" class="span4" name="username" placeholder="Username">
			<input type="password" id="password" class="span4" name="password" placeholder="Password">
            <label class="checkbox">
            	<input type="checkbox" name="remember" value="1"> Remember Me
            </label>
			<button type="submit" name="submit" class="btn btn-info btn-block">Sign in</button>
			</form>    
		</div>
	</div>
</div>

Share this snipp:


Comments? :

comments powered by Disqus