Basic Form Controls
Textual form controls—like <input>
s, <select>
s, and <textarea>
s—are styled with the .form-control
class. Included are styles for general appearance, focus state, sizing, and more.
For file inputs, swap the .form-control
for .form-control-file
.
Form Square
Form Pill
Sizing
Set heights using classes like .form-control-lg
and .form-control-sm
.
Inline Form
Auto-sizing
Custom form controls and selects are also supported.
Horizontal form
Horizontal form label sizing
Column sizing
Disabled forms
Add the disabled
boolean attribute on an input to prevent user interactions and make it appear lighter.
Custom styles
Custom forms Elements
File browser
Select menu
Checkboxes
Radios
Disabled
Stacked
Supported elements