Formulários
Posição dos campos
Formulários verticais
Sim, esse é aquele formulário básico que você não perde muito tempo e a <label>
fica em cima do <input>
.
Formulários horizontais
Aposto que você gostaria de alinhar a <label>
do seu formulário com o <input>
, e agora?
Use a classe: .form-horizontal
para fazer isso. Veja o Exemplo abaixo:
Formulários em linha
Para criar formulários em linha, basta adicionar a classe .form-inline
e o conteúdo será alinhado do lado esquerdo e receberá a propriedade de "display": inline-block
.
Lembre-se!
Nessa versão de formulário é necessário definir a largura para os campos.
Acessibilidade
Ao usar o atributoplaceholder
continuamos criando o label
e o escondemos com a classe sr-only
, porém os leitores de tela conseguem entender. Faça isso e a Acessibilidade agradece =)