CONTROLE DE TAMANHOS

Use classes de tamanho relativo como .input-large ou deixe seus inputs com o tamanho da
coluna do grid usando as classes.span*

Nível Block
Faça qualquer <input> ou <textarea> se comportar como elemento em bloco adicionando a
classe .input-block-level.

Exemplo: Input
<input class="input-block-level" type="text">

Textarea:
<textarea rows="3" class="input-block-level"></textarea>

Tamanho relativo
Classes padrões do Bootstrap, podem ser aplicadas em campos <input> , <select> ou
<textarea>

input­mini: <input class="input-mini" type="text">

input­small: <input class="input-small" type="text">
input­medium: <input class="input-medium" type="text">
input­large: <input class="input-large" type="text">
input­xlarge: <input class="input-xlarge" type="text">
input­xxlarge: <input class="input-xxlarge" type="text">

Tamanho do Grid
Podem ser aplicadas em campos <input> , <select> ou <textarea>

Use de .span1 até .span12 para os campos se encaixarem aos mesmos tamanhos das colunas
do grid.

<input class="span5" type="text">

<select class="span3">
...
</select>
<textarea class="span8" rows="5"></textarea>

Para múltiplos inputs de grid por linha, use a classe modificadora .controls-row para
espaçamento apropriado.
<div class="controls-row">
<input class="span4" type="text">
<input class="span1" type="text">
<input class="span3" type="text">
</div>