Form Input
Basic form
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.
Sizing
Set heights using classes like .form-control-lg and .form-control-sm.
Readonly
Readonly plain text
Form groups
Form groups
Form row
Horizontal form
Horizontal form label sizing
Horizontal form label sizing
Horizontal form label sizing
Horizontal form label sizing
Custom form controls and selects are also supported.
Help text
Inline text can use any typical inline HTML element (be it a <small>, <span>, or something else) with nothing more than a utility class.
Disabled forms
Custom styles
Browser defaults
Server side
Supported elements
Tooltips
Checkboxes
Radios
Inline
Disabled
Select menu
You may also choose from small and large custom selects to match our similarly sized text inputs.
The multiple attribute is also supported:
As is the size attribute:
File browser
Here’s lang(es) in action on the custom file input for a Spanish translation: