Last modified:

Bootstrap Form Helpers

Very Good Site. Lots of options for forms.

Bootsnip Form Builder

Form builder.





Forms

Forms on the right are have the .well class to demonstrate what they look like.

Default form

Legend

Example block-level help text here.

Legend

Example block-level help text here.

Search form

Inline form

Log in

Log in

Horizontal form

Log in

Log in

Inputs

Text input

Uneditable input

Try to edit me!

Text area

Check boxes

Radio buttons

Inline check boxes

Selects

Prepended and appended inputs
@
.00
$ .00
Buttons instead of text
Button dropdowns

Segmented dropdown groups

Control sizing

Block level inputs

Relative sizing

Grid sizing

Help text

Inline help

Inline help text

Block help

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

Form control states

Focus these inputs to see what they look like.

Input focus

Invalid input

Disabled input

Validation states

Something may have gone wrong

Please correct the error

Username is taken

Woohoo!

Comments are closed.