<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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="row"> <div class="col-xs-12 col-sm-12 col-md-4 well well-sm"> <label><h3>Cadastro Clientes</h3></label> <form action="#" method="post" class="form" role="form"> <input class="form-control" name="nome" placeholder="Nome" type="text" required/> <div class="row"> <div class="col-xs-6 col-md-6"> <input class="form-control" name="login" placeholder="Login" type="text" required autofocus /> </div> <div class="col-xs-6 col-md-6"> <input class="form-control" name="senha" placeholder="Senha" type="password" required /> </div> </div> <input class="form-control" name="logradouro" placeholder="Logradouro" type="text"required /> <input class="form-control" name="cep" placeholder="Cep" type="cep" required/> <input class="form-control" name="numero" placeholder="Número" type="text" required/> <button class="btn btn-lg btn-primary btn-block" type="submit"> Cadastrar</button> </form> </div> </div> </div>

body { padding-top:30px; } .form-control { margin-bottom: 10px; }