Form / Layout

Group

The .form-group class is the easiest way to add some structure to forms. Its only purpose is to provide margin-bottom around a label and control pairing.

We'll never share your email with anyone else.

Inline

Use the .form-inline class to to display a series of labels, form controls, and buttons on a single horizontal row.

$
.00

Horizontal

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.

example@mail.com

Please do not use too weak password.

Horizontal with borders

example@mail.com

Please do not use too weak password.

Examples

Sizes

example@mail.com

Please do not use too weak password.

example@mail.com

Please do not use too weak password.