<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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Formulario</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nome">Nome</label> <div class="col-md-5"> <input id="nome" name="nome" placeholder="" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Email</label> <div class="col-md-6"> <input id="email" name="email" placeholder="" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="login">Login</label> <div class="col-md-5"> <input id="login" name="login" placeholder="" class="form-control input-md" required="" type="text"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="senha">Senha</label> <div class="col-md-4"> <input id="senha" name="senha" placeholder="" class="form-control input-md" required="" type="password"> <span class="help-block">Esqueceu senha?</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="data_ts">Data</label> <div class="col-md-4"> <input id="data_ts" name="data_ts" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="ativo">Ativo</label> <div class="col-md-4"> <label class="radio-inline" for="ativo-0"> <input name="ativo" id="ativo-0" value="1" checked="checked" type="radio"> Sim </label> <label class="radio-inline" for="ativo-1"> <input name="ativo" id="ativo-1" value="2" type="radio"> Não </label> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="fantasia">Nome Fantasia</label> <div class="col-md-6"> <input id="fantasia" name="fantasia" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cnpj">CNPJ</label> <div class="col-md-4"> <input id="cnpj" name="cnpj" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="telefones">Telefone</label> <div class="col-md-4"> <input id="telefones" name="telefones" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="ie">Inscrição Estadual</label> <div class="col-md-4"> <input id="ie" name="ie" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="site">Site</label> <div class="col-md-4"> <input id="site" name="site" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="contato">Contato</label> <div class="col-md-4"> <input id="contato" name="contato" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="endereco">Endereço</label> <div class="col-md-6"> <input id="endereco" name="endereco" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nro">Numero</label> <div class="col-md-2"> <input id="nro" name="nro" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="compl">Complemento</label> <div class="col-md-4"> <input id="compl" name="compl" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bairro">Bairro</label> <div class="col-md-4"> <input id="bairro" name="bairro" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cmun">Municipio</label> <div class="col-md-4"> <input id="cmun" name="cmun" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cest">Estado</label> <div class="col-md-2"> <input id="cest" name="cest" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cep">CEP</label> <div class="col-md-4"> <input id="cep" name="cep" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="obs">Observações</label> <div class="col-md-4"> <textarea class="form-control" id="obs" name="obs"></textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="enviar"></label> <div class="col-md-8"> <button id="enviar" name="enviar" class="btn btn-success">Enviar</button> <button id="limpar" name="limpar" class="btn btn-warning">Limpar</button> </div> </div> </fieldset> </form>