<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class = "container"> <div class="wrapper"> <form action="" method="post" name="Login_Form" class="form-signin"> <h3 class="form-signin-heading">Welcome Back! Please Sign In</h3> <hr class="colorgraph"><br> <input type="text" class="form-control" name="Username" placeholder="Username" required="" autofocus="" /> <input type="password" class="form-control" name="Password" placeholder="Password" required=""/> <button class="btn btn-lg btn-primary btn-block" name="Submit" value="Login" type="Submit">Login</button> </form> </div> </div>

.wrapper { margin-top: 80px; margin-bottom: 20px; } form { width: 320px; margin: 0 auto; }