My JSFiddle is here:

https://jsfiddle.net/jdpzh1g8/

and appears like this:

s

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:

enter image description here

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?

1 Answers

0
xmaster On

So I did some research and invalid-feedback isn't very good. So instead I used text-danger. This is easier and you will have less problems. Here is my fiddle. Hope this is okay for you :)