Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select>elements with .form-controlare set to width: 100%;by default. Wrap labels and controls in .form-groupfor optimum spacing.
Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontalto the form (which doesn't have to be a <form>). Doing so changes .form-groups to behave as grid rows, so no need for .row.
Add the disabledboolean attribute on an input to prevent user interactions. Disabled inputs appear lighter and add a not-allowedcursor.
Add .form-inlineto your form (which doesn't have to be a <form>) for left-aligned and inline-block controls.
Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.
Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-successto the parent element.
Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-groupwith an .input-group-addonor .input-group-btnto prepend or append elements to a single .form-control.