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