Error messages with bootstrap design conflict with WAs validation
I want to redesign the "create account" page that Security Assist generates. And I want to use bootstrap as a framework for this, I think this is clean and nice. Both the elements themselves, but also the validation messages.
And this is where I run into problems. I have redesigned the form and added error messages, so it works with bootstrap. And I have kept the code created by WA, so this is also displayed. I want to take advantage of the advanced validation that WA offers.
But I only want to show bootstraps design for error messages, not WAs.
For example, bootstrap does not use the "title" tag inside the form field. This causes the error message to be repeated. Another example is that bootstrap uses <div class= "invalid-feedback"> which displays the error message.
Attached are two pictures. The first shows the form as a start. The other displays the form after pressing submit.
I do not want duplicate error messages. And I want Bootstrap's design. But with WA's error message.
Hope you understand what I mean.