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

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

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 :)