<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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="row-fluid"> <div class="span4"> </div> <div class="span4"> <div class="area"> <form class="form-horizontal"> <div class="heading"> <h4 class="form-heading">Login</h4> </div> <div class="control-group"> <label class="control-label" for= "inputUsername">Usuário</label> <div class="controls"> <input id="inputUsername" placeholder= "Digite o Usuário" type="text"> </div> </div> <div class="control-group"> <label class="control-label" for= "inputPassword">Senha</label> <div class="controls"> <input id="inputPassword" placeholder= "Digite sua Senha" type="password"> </div> </div> <div class="control-group"> <div class="controls"> <label class="checkbox"><input type="checkbox"> Keep me signed in ¦ <a class="btn btn-link" href="#">Forgot my password</a></label> <button class="btn btn-success" type= "submit">Login</button> </div> </div> <div class="alert alert-error"> <button class="close" data-dismiss="alert" type= "button">×</button> <strong>Access Denied!</strong> Please provide valid authorization. </div> </form> </div> </div> <div class="span4"> </div> </div> </div>