Bootstrap Forms
New
Forms classes
.form-group
.form-group form-check
.form-inline
.nav flex-column
.custom-control custom-checkbox
.custom-control custom-radio
.custom-control custom-radio custom-control-inline
.custom-select-sm*
.custom-range
.custom-file-inpu
.form-check
.form-check mb-2 mr-sm-2
.form-check-inline
.custom-control-input
.form-check-label
.form-control
.form-control-sm*
.form-control-lg
.form-control-plaintext
.form-control-range
.form-control-file border
.custom-control-label
.form-check-input
Input groups classes
.input-group mb-3
.input-group mb-3 input-group-sm
.input-group-prepend
.form-control
.input-group-text
The Exercise of Forms
form-group
Email:
Password:
Remember
Submit
form-inline
Email:
Password:
Rmember
Submit
Input
Name:
Password:
Comment:
Selection
A
B
C
A
B
C
Select:
A
B
C
Range & File
Submit
Input Group
Name:
Input user name:
@
@google.com
OK
Cancel
Title
Mr.
Dr.
Sir.
Custom Form
Check box with different style
Radio 1 with different style
Radio 2 with different style
Mango
Apple
Banana
Pear
Custom range
Choose a file