Bootstrap 验证消息正在向下推表单的其余部分

Question

我在CodePen 中创建了一个简单的表单。在required上验证name领域工作得很好。但是，我想在两个字段之间添加一点填充，并在应该显示错误消息时...填充该空白（意思是，下面出现错误消息的字段不会被推下）。相反，它不断向下推字段以为错误腾出空间。当错误被修复时，该字段被拉回。

我想要这样的东西：

我试过设置位置，.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 
}