Custom styles

Provide valuable, actionable feedback to your users with HTML5 form validation, via custom styles.

Example invalid feedback text
@
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text

Server side

Indicate invalid form fields with .is-invalid. Note that .invalid-feedback is also supported with these classes.

Example invalid feedback text
@
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text

Tooltips

Swap the .{valid|invalid}-feedback classes for .{valid|invalid}-tooltip classes to display validation feedback in a styled tooltip.

Example invalid feedback text
@
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text
Example invalid feedback text