Forms

Basic

Email address We'll never share your email with anyone else.

Password

Check me out

Submit

Form controls

Email address

Example select 1 2 3 4 5

Example multiple select 1 2 3 4 5

Example textarea

Large

Select File No file selected.

Default

Select File No file selected.

Small

Select File No file selected.

Sizing

Readonly

Readonly plain text

Range Inputs

Checkboxes and radios

Default (stacked)

By default, any number of checkboxes and radios that are immediate sibling will be vertically stacked and appropriately spaced with .form-check.

Inline

Without labels

Layout

Form groups

Form grid

Form row

Horizontal form

Horizontal form label sizing

Column sizing

Auto-sizing

Inline forms

Help text

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

Disabled forms

Validation

Custom styles

Browser defaults

Server side