Form layouts

Inline Form

Add .form-inline to your form for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.

Horizontal form

Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form. Doing so changes .form-groups to behave as grid rows, so no need for .row.

With group-border and stripped

Add class .group-border .stripped to your form.

Full width labels

With Group Border

Add class .group-border to your form.

With group-border and hover-stripped

Add class .group-border .hover-stripped to your form.

Form with grid fields

Back to Top