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