Holt Holt - 10 months ago 61
AngularJS Question

Bootstrap validation message is pushing down the rest of my form

I created a simple form in CodePen. The

validation on the
field works just fine. However, I want to put a little bit of padding between the two fields and when the error message is supposed to display...fill in that gap (meaning, the fields below where the error message appears does not get pushed down). Instead, it keeps pushing the fields down to make room for the error. When the error is fixed, the field is pulled back up.

I want something like this:

enter image description here

enter image description here

I have tried setting the position of
but this changed nothing.

position: relative;
//position: absolute; <--I've tried this, too

What am I doing incorrectly?

Answer Source

Check out this code pen:http://codepen.io/Sky-123/pen/QKoLEz

Did slight workarounds in css: