Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
blz galera.
galera como faço para organizar um form sem ficar criando tabela e linha e colunas
fiz um form simples, nao consigo organizar para ficar alinhado usando o bootstrap
<form action="" method="POST" name="formulario" class="form-horizontal" id="formulario">
<div class='form-group'>
<label><span>Nome:</span>
<input type="text" name="nome" required="required" class="input-xlarge" size="60" value="">
</label>
</div>
<div class='form-group'>
<label><span>Email: </span>
<input type="text" name="email" class="" size="60" value="">
</label>
</div>
<div class='form-group'>
<label><span>Cpf/Cnpj: </span>
<input type="text" name="cpfCnpj" required="required" class="" size="20" value="">
</label>
<label><span>Identidade: </span>
<input type="text" name="rg" class="" size="20" value="">
</label>
<label><span>Insc Estadual: </span>
<input type="text" name="ie" class="" size="20" value="">
</label>
</div>
</div>
</form>CARA AJUDOU muito
como faço para centralizar os campos inputs do label para ficar tudo alinhado?
Vc diz assim?
quase preciso colocar um espaçamento entre o label e o input
assim o label que tiver maior nao desalinhe o input
tipo:
nome:<input>cpf<input>
Inscrições: <input>numero:<input>teria que ficar assim
nome:<input> cpf:<input>
Inscrições: <input> numero:<input>os campos da segunda coluna nao obedece o width:130px; do #formulario label
Olá junaooaks, blza!
Veja se gosta assim.
http://jsfiddle.net/wilnet/hqde9wob/
É um exemplo simples, depois é só estilizar a seu gosto.
Espero ter ajudado,
vlw