Angularjs 引导程序多列表单验证可视化错误

我正在使用bootstrap和angularjs创建表单并验证它们。在我的注册表中，如果视口足够大，我希望使用多列

colmd->

多列

colxs->

单列表单

实际上，如果在多个列中提供了无效数据，则帮助块会显示一种奇怪的行为并创建一个大的白色区域

看

---

如何修复此视觉缺陷？

我相信这正是您所需要的

我创建了两个容器，如下所示：

<div class="col-md-6"></div>

并将“Email”和“Last name”移动到第一个容器，将另外两个div移动到第二个容器。此外，我从这些div中删除了类“col-md-6”：

原始代码

<div ng-class="{'has-error': form.email.$invalid && form.email.$dirty}" class="form-group col-md-6">

新代码

<div ng-class="{'has-error': form.email.$invalid && form.email.$dirty}" class="form-group">

就这样！结果如下：

---

谢谢你的提醒，cVplZ。所以我得了a-2=/