Form Layout

Other Sample form

Person Info


Address


Multiple inputs

While multiple <input>s are supported visually, validation styles are only available for input groups with a single <input>.

First and last name

Other 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


John

Doe

Male

11/06/1987

Category1

Free

Address


E104, Dharti-2, Near silverstar mall

Bhavnagar

Gujarat

457890

India

With Border at Bottom (Use class form-bordered)

Supported elements - Bootstrap

Our example forms show native textual <input>s above, but form validation styles are available for our custom form controls, too.

Example invalid feedback text
More example invalid feedback text
Example invalid custom select feedback
Example invalid custom file feedback