Form Actions On Top

Username

Password

Phone Number

Address

Message

Form Actions On Bottom

Username

Password

Phone Number

Address

Message

Form Actions On Top & Bottom

Username

Password

Phone Number

Address

Message

Left Aligned

Username

Password

Phone Number

Address

Message

Right Aligned

Username

Password

Phone Number

Address

Message

Form 2 Columns Default

First Name

First name is too small

Password

Password strength: Weak

Please enter a valid email address

Second Name

Second name is too small

Confirm Password

Password mis-match

Confirm Email

Email mis-match

Personal Details Horizontal

First Name:

Email:

Password:

Date of Birth:

Zip Code:

City:

Send me latest news and updates.

Last Name:

Phone:

Confirm Password:

Address:

Gender:

Male

Female

I agree to the Terms and Conditions .

Form 2 Columns Readonly

Personal

First Name :

Jenny

Last Name :

Kerry

Email :

Jenny321@example.com

Gender :

Female

Birthday :

10.11.1980

Phone :

321-333-5432

Address

Address 1 :

1219 Quiet Subdivision

Address 2 :

3536 Petunia Way

States :

Canada

City :

Canada

Post Code :

7987678

Conditions :

True

Form Layouts

Form Actions On Top

Form Actions On Bottom

Form Actions On Top & Bottom

Left Aligned

Right Aligned

Form 2 Columns Default

Personal Details Horizontal

Form 2 Columns Readonly

Personal

Address

Form Bordered Striped

Form Seperated Row Striped

Form Bordered

Vertical Form Layout

Inline Form Layout

Static Form Control

Grid sizing of Inputs, Textareas and Select Boxes

Creating Button Dropdowns

Creating Disabled Inputs

Supported Form Controls in Twitter Bootstrap

Horizontal Form Layout Example

General Controls

Height Sizing of Input Groups

Twitter Bootstrap Form Validation States

Bootstrap Form Inputs