Form elements
Input Types
Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.
Input States
Bootstrap includes validation styles for error, warning, and success states on form controls.
Input Sizes
Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.
Input groups
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 or .input-group-btn to prepend or append elements to a single .form-control.
Basic example
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 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 (which doesn't have to be a <form>). Doing so changes
.form-groups to behave as grid rows, so no need for .row.
Inline Form
Add .form-inline to your form (which doesn't have to be a <form>)
for left-aligned and inline-block controls. This only applies to forms within viewports
that are at least 768px wide.
