<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="navbar navbar-inverse navbar-default navbar-fixed-top" id="navfont"> <div class="container"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target =".navbar-collapse" aria-expanded="false" aria-controls="navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse"> <ul class=" nav navbar-nav navbar-right"> <li class=""><a href="index.php">Home</a></li> <li class="active"><a href="login.php">Login<span class="sr-only">(current)</span> </a></li> <li><a href="signup.php">Signup</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> More <span class="caret"></span></a> <ul class="dropdown-menu"> <li class="divider"></li> <li><a href="about.php">About</a></li> </ul> </li> <div class="container col-sm-offset-4 col-sm-4"> <form class="form-signin" action="logincheck.php" method="post"> <div class="from-group"> <h2 class="">Login </h2><br /> </div> <div class="from-group"> <label class="fontsize">E-mail</label> <input type="email" name="useremail" id="inputEmail" class="form-control input-lg" placeholder="E-mail" required="email" /> </div> <div class="from-group"> <label class="fontsize">Password</label> <input type="password" name="userpassword" required="password" id="inputPassword" class="form-control input-lg" placeholder="Password" /> </div> <div class="checkbox"> <label><input type="checkbox" value="remember-me" /> Remember me </label> </div> <button class="btn btn-lg btn-primary btn-block " type="submit" name="usersubmit" >Login</button> <a href="forgetep.php">Forget E-mail or Password</a> <span></span> </form> </div> </div>