Form Elements

Textual inputs

Basic Textual inputs with different sizes by height and column.

Control sizing

Column sizing


Form control which supports multiple lines of text. Change 'rows' attribute as necessary.

Height Auto Growing

Disabled State


Use the default option, or add multiple to show multiple options at once.

Basic Example

Disabled Stat

Checkbox and Radio

Default checkboxes and radios are improved upon with the help of .form-check, a single class for both input types that improves the layout and behavior of their HTML elements. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

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 Checkboxes and Radios