pTutorial

New way to learn Programming

Bootstrap Log In Form Example

Bootstrap Log In Form

In this article we demonstrate, how to create responsive log in form using bootsrap with the help of live example.

HTML Bootstrap Form Example

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Log in form Example</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/
3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8">
<form action="http://freeonlinecompiler.ptutorial.com/uk.php" 
class = "form-horizontal" role = "form">
<div class = "form-group">
<label for = "firstname" class = "control-label">
User Name</label>
<input type = "text" class = "form-control"
 placeholder = "Enter User Name" required>
</div>

<div class = "form-group">
<label for = "lastname" class = "control-label"
>Password</label>
<input type = "text" class = "form-control" 
placeholder = "Enter Password Name" required>
</div>

<div class = "form-group">
<div class = "checkbox">
<label><input type = "checkbox" 
name="check"> Remember me</label>
</div>
</div>

<div class = "form-group">

<button type = "submit" class = "btn btn-default">
Sign in</button>
<button class="btn btn-danger">Cancel</button>
</div>

</form>
</div>
<div class="col-sm-2"></div>
</div>
</div>
</body>
</html>


Download

See Also


QUOTES OF THE DAY

We live in this world when we love it.

LIKE ON FACEBOOK

+1 ON GOOGLE

SHARE ON TWITTER