#### 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
Helping text
A block of help text that breaks onto a new line and may extend beyond one line.
Input Select

###### Multiple select

Default file input
Date
Month
Time
Week
Number
URL
Search
Tel
Color
Range

#### Select menu

Custom `<select>` menus need only a custom class, `.custom-select` to trigger the custom styles.

#### Switches

A switch has the markup of a custom checkbox but uses the `.custom-switch` class to render a toggle switch. Switches also support the `disabled` attribute.

Toggle this switch element
Disabled switch element

#### Checkboxes and radios

Check this custom checkbox
Check this custom checkbox
Toggle this custom radio
Or toggle this other custom radio

#### 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
@
Dropdowns
Buttons

#### Basic Example

Email address We'll never share your email with anyone else.
Password
Check me out

#### Horizontal form

Email
Password
Re Password
Check me out !

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

Email
Password

###### Auto-sizing

Name
Username
@
Remember me

#### Form row

You may also swap `.row` for `.form-row`, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.

Email
Password
Address
Address 2
City
State
Zip
Check me out

#### Theme Customizer

Choose Demos