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

Text
Email
Password
Placeholder
Text area
Readonly
Disabled
Static control

email@example.com

Helping text
A block of help text that breaks onto a new line and may extend beyond one line.
Input Select

###### Multiple select

#### Input Sizes & Group

Set heights using classes like `.input-lg`, and set widths using grid column classes like `.col-lg-*`.

Small
Normal
Large
Grid Sizes
Static
Buttons
Dropdowns

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

Email address
Password
Remember me

#### 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-group`s to behave as grid rows, so no need for `.row`.

Email
Password
Re Password
Remember me

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

##### Style 1

Email address
Password
Remember me

##### Style 2

Name
Email