Since Bootstrap applies display: block and width: 100% to almost all our form controls, forms will by default stack vertically. Additional classes can be used to vary this layout on a per-form basis.

Form groups

Form grid

Form row

More complex layouts can also be created with the grid system.

Horizontal form


Column sizing



You can then remix that once again with size-specific column classes.


And of course custom form controls are supported.

Inline forms


Custom form controls and selects