我没有看到标签或输入从屏幕截图中下移。但是无论如何，为什么不在输入字段下面 Package 一个div或span，让它占用固定的空间。然后在那里显示通知，而不必调整DOM。

您可以为每个输入使用一行，例如：

<div class="row col-md-12"> 

         <div class="col-md-4">  
                        <div class="input-group">
                          <label for="numero">Número de Calle </label> 
                          <input type="number" class="form-control" id="numero" name="numero" placeholder="Número de calle" v-model="documento.rev_nrocalle" v-validate:numero="{required: true, maxlength: 4 }" autocomplete="off" required>
                          <small class="help-block" style="">  <span class="animated" transition="fade"  v-show="$validaciones.numero.required && formIsInvalid"><strong>Introducir un número de calle válido </strong></span></small>
                        </div> 
                       
                    </div> 
</div>

这是一种方法，为了避免向下移动，在我的情况下，我使用vue.js来验证

我遇到过这样的情况，我可以通过更改包含“is required”语句的div中段落元素的高度以及更改div的边距来修复它，所以请查看这两个因素或填充是否会影响它，然后更改它。