Crispy Test Project
Bootstrap 3
Bootstrap 4
(current)
bootstrap4_3
(current)
Semantic UI
(current)
Bootstrap 4
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
*
Choice 1
Choice 2
.00
Some help text
Select field with both preprended and appended text
*
$
Choice 1
Choice 2
.00
Some help text
Select field with prepended text
*
$
Choice 1
Choice 2
Some help text
Prepended text
*
Prepended text two
*
@
Multicolon select
*
1
2
3
4
5
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
*
Choice 1
Choice 2
.00
This field is required.
Some help text
Select field with both preprended and appended text
*
$
Choice 1
Choice 2
.00
This field is required.
Some help text
Select field with prepended text
*
$
Choice 1
Choice 2
This field is required.
Some help text
Prepended text
*
This field is required.
Prepended text two
*
@
This field is required.
Multicolon select
*
1
2
3
4
5
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
*
1
2
3
4
5
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
*
1
2
3
4
5
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