Bootstrap - Demonstração de formulário

Layout de formulário

O Bootstrap fornece os seguintes tipos de layouts de formulário -

• Forma vertical (padrão)
• Formulário em linha
• Forma horizontal

Forma vertical ou básica

A estrutura básica do formulário vem com o Bootstrap; controles de formulário individuais recebem automaticamente algum estilo global. Para criar um formulário básico, faça o seguinte -

• Adicione um formulário de função ao elemento pai <form>.

• Envolva rótulos e controles em um <div> com class .form-group . Isso é necessário para um espaçamento ideal.

• Adicione uma classe de .form-control a todos os elementos textuais <input>, <textarea> e <select>.

Formulário Inline

Para criar um formulário no qual todos os elementos estão embutidos, alinhados à esquerda e os rótulos ao lado, adicione a classe .form-embutido à tag <form>.

Forma Horizontal

Os formulários horizontais se diferenciam dos outros não apenas na quantidade de marcação, mas também na apresentação do formulário. Para criar um formulário que usa o layout horizontal, faça o seguinte -

• Adicione uma classe de .form-horizontal ao elemento pai <form>.

• Envolva rótulos e controles em um <div> com class .form-group .

• Adicione uma classe de .control-label aos rótulos.