Individual form controls automatically 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 no-margin for optimum spacing.
Input Fields
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.
Extend form controls by adding text or buttons before, after, or on both sides of any text-based input. Use .input-group with an .input-group-addon to prepend or append elements to a .form-control.
Input Groups
Input Groups
A checkbox or radio with the disabled attribute will be styled appropriately. To have the <label> for the checkbox or radio also display a "not-allowed" cursor when the user hovers over the label, add the .disabled class to your .radio, .radio-inline, .checkbox, .checkbox-inline, or <fieldset>.
Checkbox
Checkbox
Radio
Radio
Use the default option, or add multiple to show multiple options at once.
Select Fields
Select Fields
The file input plugin allows you to create a visually appealing file or image input widgets.
File Input
File Input
Form control which supports multiple lines of text. Change rows attribute as necessary.
Textarea
Textarea
Wrap inputs in grid columns, or any custom parent element, to easily enforce desired widths.