My JSFiddle is here:
and appears like this:
When I remove this code:
<div class="invalid-feedback"><i class="fa fa-exclamation-circle fa-fw"></i>Some message about date </div>
My input becomes narrower:
even though the size of the message ("Some message about date") didn't even take up half the input length.
I would like my input to be the narrower size at all times.
How do I stop the invalid-feedback class from increasing the size of my input?