Default Validation

Use .{valid|invalid}-feedback right after input for a validation message

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Agree to terms and conditions
Validation with Fills

Use .validation-fill in .needs-validation

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Tooltip Validation

Use .{valid|invalid}-tooltip right after input for a validation message

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Agree to terms and conditions