Bootstrap 5 Forms & Controls
A comprehensive demonstration of Bootstrap 5's form components and input controls.
Basic Form
Bootstrap's form controls expand on our Rebooted form styles with classes.
Horizontal Form
Create horizontal forms with the grid by adding the row class to form groups and using the col-* classes to specify the width of your labels and controls.
Form Controls
Text Input Types
Select and Textarea
Checkboxes and Radios
Default Checkboxes
Switch Checkboxes
Default Radios
Inline Radios
Form Validation
Bootstrap provides validation styles for error, warning, and success states on form controls.
Input Groups
Easily extend form controls by adding text, buttons, or button groups on either side of inputs.
https://example.com/users/
$
.00
@
With textarea
Floating Labels
Create beautifully simple form labels that float over your input fields.