Form / Basic Elements

Form controls

Default
Readonly
Disabled

Textual form controls—like inputs, selects, and textareas—are styled with the .form-control class. Included are styles for general appearance, focus state, sizing, and more.

Sizing

Large
Default
Small

Control Size using classes like .form-control-sm or .form-control-lg classes.

State

Control Input State using classes like .dark, .primary, .secondary, .success, .danger, .warning, .info classes.

Focus State

Control Input Focus State using classes like .dark, .primary, .secondary, .success, .danger, .warning, .info classes.

Help text

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

Help text below inputs can be styled with .form-help-text class

Other Default Elements

Multiple Select
File Input
Range
Checkbox
Radio
Inline Checkbox & Radio