Forms

Input Text

See the Pen Components – Forms: Input by Working Solutions (@wsol) on CodePen.

Input Password

See the Pen Components – Forms: Password by Working Solutions (@wsol) on CodePen.

Input Text Large

See the Pen Components – Forms: Input large by Working Solutions (@wsol) on CodePen.

Textarea

See the Pen Components – Forms: Textarea by Working Solutions (@wsol) on CodePen.

Checkbox

See the Pen Components – Forms: Checkbox by Working Solutions (@wsol) on CodePen.

Number Selection

See the Pen Components – Forms: Number Selection by Working Solutions (@wsol) on CodePen.

Range Slider

See the Pen Components – Forms: Range Slider by Working Solutions (@wsol) on CodePen.

Toggle

See the Pen Components – Forms: Toggle by Working Solutions (@wsol) on CodePen.

Radio Buttons

See the Pen Components – Forms: Radio Buttons by Working Solutions (@wsol) on CodePen.

Inverted Form

Add the class “bg-dark” to a container or div that wraps the form to invert the label color.

See the Pen Components – Forms: Inverted Form by Working Solutions (@wsol) on CodePen.

Gird Columns

You can use bootstrap grid layout to control the width of the input fields.  See Bootstrap 5.

See the Pen Components – Forms: Grid Columns by Working Solutions (@wsol) on CodePen.