Validation feedback/tooltips lack association with their form control
the feedback and tooltip containers need to be programmatically associated with their respective form controls, e.g. using aria-describedby="..."
, e.g.
<label for="validationTooltip03">City</label>
<input type="text" class="form-control" id="validationTooltip03" ... required>
<div class="invalid-tooltip">
Please provide a valid city.
</div>
to
<label for="validationTooltip03">City</label>
<input type="text" class="form-control" id="validationTooltip03" aria-descriebedby="validationTooltip03-tip" ... required>
<div class="invalid-tooltip" id="validationTooltip03-tip">
Please provide a valid city.
</div>