Bootstrap 4 | Crispy Forms Test Project

Default form

Text input *

Textarea *

Radio buttons *

Option one is this and that be sure to include why it's great

Option two can is something else and selecting it will deselect option one

Checkboxes *

Option one is this and that be sure to include why it's great

Option two can also be checked and included in form results

Option three can yes, you guessed it also be checked and included in form results

Note: Labels surround all the options for much larger click areas and a more usable form.

Appended text *

.00

Here's more help text

Appended text2 *

.00

And a bigger appended text field

Select field with appended text *

.00

Some help text

Select field with both preprended and appended text *

.00

Some help text

Select field with prepended text *

Some help text

Prepended text *

Prepended text two *

Multicolon select *

This strange option climbing out of the box is in the examples too Only without Flexbox https://v4-alpha.getbootstrap.com/components/forms/#form-controls

Boolean field *

File field *

Choose file

Default form with failing validation

Text input *

This field is required.

Textarea *

This field is required.

Radio buttons *

Option one is this and that be sure to include why it's great

Option two can is something else and selecting it will deselect option one

This field is required.

Checkboxes *

Option one is this and that be sure to include why it's great

Option two can also be checked and included in form results

Option three can yes, you guessed it also be checked and included in form results

This field is required.

Note: Labels surround all the options for much larger click areas and a more usable form.

Appended text *

.00

This field is required.

Here's more help text

Appended text2 *

.00

This field is required.

And a bigger appended text field

Select field with appended text *

.00

This field is required.

Some help text

Select field with both preprended and appended text *

.00

This field is required.

Some help text

Select field with prepended text *

This field is required.

Some help text

Prepended text *

This field is required.

Prepended text two *

This field is required.

Multicolon select *

This field is required. This strange option climbing out of the box is in the examples too Only without Flexbox https://v4-alpha.getbootstrap.com/components/forms/#form-controls

Boolean field * This field is required.

File field *

Choose file This field is required.

Horizontal form

Text input *

Textarea *

Radio buttons *

Option one is this and that be sure to include why it's great

Option two can is something else and selecting it will deselect option one

Checkboxes *

Option one is this and that be sure to include why it's great

Option two can also be checked and included in form results

Option three can yes, you guessed it also be checked and included in form results

Note: Labels surround all the options for much larger click areas and a more usable form.

Appended text *

.00

Here's more help text

Appended text2 *

.00

And a bigger appended text field

Prepended text *

Prepended text two *

Multicolon select *

This strange option climbing out of the box is in the examples too Only without Flexbox https://v4-alpha.getbootstrap.com/components/forms/#form-controls

Boolean field *

File field *

Choose file

Horizontal form with failing validation

Text input *

This field is required.

Textarea *

This field is required.

Radio buttons *

Option one is this and that be sure to include why it's great

Option two can is something else and selecting it will deselect option one

This field is required.

Checkboxes *

Option one is this and that be sure to include why it's great

Option two can also be checked and included in form results

Option three can yes, you guessed it also be checked and included in form results

This field is required.

Note: Labels surround all the options for much larger click areas and a more usable form.

Appended text *

.00

This field is required.

Here's more help text

Appended text2 *

.00

This field is required.

And a bigger appended text field

Prepended text *

This field is required.

Prepended text two *

This field is required.

Multicolon select *

This field is required. This strange option climbing out of the box is in the examples too Only without Flexbox https://v4-alpha.getbootstrap.com/components/forms/#form-controls

Boolean field * This field is required.

File field *

Choose file This field is required.

<<<<<<< HEAD ======= >>>>>>> add bootstrap 4_3