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