Forms

Input Text

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

Input Password

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

Input Text Large

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

Textarea

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

Checkbox

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

Number Selection

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

Range Slider

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

Toggle

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

Radio Buttons

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

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.40046

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.39945