Basic form

Individual form controls receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.
We'll never share your email with anyone else.
Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

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.

Column sizing

Use bootstrap grid framework to control the input size.

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.