quick example
We'll never share your email with anyone else.
Form controls
Sizing
Readonly
Readonly plain text
Range Inputs
Checkboxes and radios

Default (stacked)

Inline

Custom Checkboxes & Radios


Layout

Form groups

Form grid
Form Row Example
Horizontal form
Radios
Checkbox
Horizontal form label sizing
Column sizing
Auto-sizing
@

You can then remix that once again with size-specific column classes.

@

And of course custom form controls are supported.

Inline forms
@

Custom form controls and selects are also supported.

Help text
Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Must be 8-20 characters long.

Inline text can use any typical inline HTML element (be it a , , or something else) with nothing more than a utility class.

Must be 8-20 characters long.
Disabled forms
Disabled forms

Add the disabled attribute to a fieldset to disable all the controls within.

Validation

Custom styles

Looks good!
Looks good!
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.
Browser defaults
Server side
Looks good!
Looks good!
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.
Supported elements
Please enter a message in the textarea.
Example invalid feedback text
More example invalid feedback text
Example invalid custom select feedback
Example invalid custom file feedback
@
Example invalid input group feedback
Example invalid input group feedback
Example invalid input group feedback
Tooltips
Looks good!
Looks good!
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
Custom Select menu
Theme Customizer

Theme Styles