Form layout
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.