### 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.

Email address
Password
Remember me

#### 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`.

Email
Password
Remember me

#### With group-border and stripped

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

Email
Password
Remember me

#### Full width labels

Email
Password
Remember me

#### With Group Border

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

Email
Password
Remember me

#### With group-border and hover-stripped

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

Email
Password
Remember me

#### Form with grid fields

Back to Top