Forms

XS

Portrait Phones
<576px

SM

Landscape Phones
≥576px to <768px

MD

Tablets
≥768px to <992px

LG

Laptops
≥992px to <1200px

XL

Desktops
≥1200px

Forms

.form-group & .form-control
We'll never share your email with anyone else.

Form Controls

<input> or <select> or <textarea> & .form-control

File Input

.form-control-file
Example invalid custom file feedback

Sizing

.form-control-lg or .form-control-sm

Readonly

readonly & .form-control-plaintext

Checkboxes & Radio Buttons

.form-check .disabled & type="checkbox" or type="radio"

Inline

.form-check & .form-check-inline

Form Groups

.form-group

Form Grid

.row or .form-row

Form Grid: Complex

.row or .form-row

Horizontal Form

.row or .form-row
Radios
Checkbox

Horizontal Form: label sizing

.col-form-label-sm or .col-form-label-lg & .form-control-sm or .form-control-lg

Column Sizing

.col-{size} & .col

Column Auto

.col-auto
@
@

Inline Forms

.form-inline
@

Help Text

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

Disabled Forms

disabled & <fieldset>