Text input

Used to enter text, numbers, dates, etc as text. Use the correct input types where possible.

We recommend using the max-w-prose class on the form group as a good default, but consider setting widths on input elements to indicate the expected input.

Validation states

Invalid

Add class has-error to the surrounding div to show that validation has failed. Also add a help-block to explain why the input is incorrect.

Valid

Add class has-success to the surrounding div when input is correct.

Warning

Add class has-warning to the surrounding div when input requires attention.

Disabled

Search Gunnel

Powered byAlgolia