Form Elements

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.


Set heights using classes like .form-control-lg and .form-control-sm.


Add the readonly boolean attribute on an input to prevent modification of the input’s value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.

Custom styled checkboxes and radios

Each checkbox and radio is wrapped in a <div> to create our custom control and a <label> for the accompanying text.



Add class .checkbox--inline or .radio--inline to make the inputs inline


Add attribute diasbled on the input elements where you need to make them disabled