我使用bootstrap和angularjs来创建表单并验证它们。在我的注册表单中，如果视口足够大，我想使用多个列。
col-md ->多列
col-xs ->单列表格
实际上，如果在多列中给出无效数据，则帮助块会显示奇怪的行为并创建一个大的白色区域。
请参阅plnkr。
如何解决这个视觉错误？
答案 0 :(得分：1)
我相信这就是你所需要的。
我按如下方式创建了两个容器：
<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">
就是这样！这是结果： plnkr