Replace CF7 form validation with Bootstrap 4 form validation

Is it possible to replace the CF7 client side validation with Bootstrap 4 (BS4) validation?

https://getbootstrap.com/docs/4.0/components/forms/#validation

I’ve tried running the required BS4 validation JavaScript, but any invalid fields are somehow getting the pseudo class :valid applied to them:

input:valid[type=text]

I wonder if this is some kind of conflict between the checkValidity() method in the BS4 validation script and whatever CF7 is doing to make its validation checks.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity

I’m testing this with theme understrap-child
https://github.com/understrap/understrap-child

which has the parent theme understrap. This parent theme has Contact Form 7 support, wherein CF7 styles inherit some of the BS4 styles
https://github.com/understrap/understrap