Basic Input basic input examples

Basic Form Controls
We'll never share your email with anyone else.

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
Checkbox
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
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Custom forms Elements
File browser
Select menu
Checkboxes
Radios
Disabled
Stacked
Supported elements