ブートストラップ検証メッセージが残りのフォームを押し下げています

Question

CodePenでシンプルなフォームを作成しました。 nameフィールドのrequired検証はうまく動作します。しかし、私は2つのフィールドの間にパディングを少し入れて、エラーメッセージが表示されるはずです...そのギャップを埋める（つまり、エラーメッセージが表示されるところの下のフィールドはプッシュダウンされません）。代わりに、エラーのための領域を確保するためにフィールドを押し下げ続けます。エラーが修正されると、フィールドは元に戻されます。私は.errorMessageの位置を設定しようとしたが、これは何も変わっていない

：

は、私はこのような何かをしたいです。

.errorMessage{ 
     position: relative; 
     //position: absolute; <--I've tried this, too 
    } 

私は間違って何をしていますか？

Answer 1

は、このコードペンをチェックアウト：http://codepen.io/Sky-123/pen/QKoLEz

は、CSSのわずかな回避策をした：

div.form-group{ 
    margin-bottom:35px 
} 

div.has-error{ 
height:0px 
}