Guyde - Demo App

Sample form

Person Info

First Name This is inline help

Last Name This field has error.

Gender Select your gender

Date of Birth

Address

Street

City

State

Post Code

Country

Sample Horizontal form

Person Info

First Name

This is inline help

Last Name

This field has error.

Gender

Select your gender.

Date of Birth

Address

Address 1

Address 2

City

State

Post Code

Country

Sample Form with the Icons

made with bootstrap elements

User Name

Email address

Password

Confirm Password

Remember me

Sample Form with the right Icons

made with bootstrap elements

User Name

Email address

Password

Confirm Password

Remember me

Sample Horizontal Form with Icons

Use Bootstrap's predefined grid classes for horizontal form

Username*

Email*

Website

Password*

Re Password*

Check me out !

Form with right Icon

Use Bootstrap's predefined grid classes for horizontal form

Username*

Email*

Website

Password*

Re Password*

Check me out !

Form with view only

Person Info

First Name:

John

Last Name:

Doe

Gender:

Male

Date of Birth:

11/06/1987

Category:

Category1

Membership:

Free

Address

Address:

E104, Dharti-2, Near silverstar mall

City:

Bhavnagar

State:

Gujarat

Post Code:

457890

Country:

India

With Border at Bottom (Use class form-bordered)

First Name

This is inline help

Last Name

This is inline help

Gender

Date of Birth

This is title

This is another title

This is title

This is another title

Michael Qin

John Doe

Mr. John

Michael Qin

Sample form

Person Info

Address

Sample Horizontal form

Person Info

Address

Sample Form with the Icons

made with bootstrap elements

Sample Form with the right Icons

made with bootstrap elements

Sample Horizontal Form with Icons

Use Bootstrap's predefined grid classes for horizontal form

Form with right Icon

Use Bootstrap's predefined grid classes for horizontal form

Form with view only

Person Info

Address

With Border at Bottom (Use class form-bordered)