Form Layouts

Basic Form
Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.
We'll never share your email with anyone else.
Horizontal form
Create horizontal forms with the grid by adding the .rowclass to form groups and using the .col-*-*classes to specify the width of your labels and controls. Be sure to add .col-form-labelto your <label>s as well so they’re vertically centered with their associated form controls.

Horizontal form

Radios
Checkbox
Inline Form
Use the .form-inlineclass to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.

Inline Form

Auto-sizing Form
@
Form row
You may also swap .rowfor .form-row, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.