Layout

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

Radios
Checkbox

Column sizing

Auto-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