Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.
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
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.
