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.