Css 使用col md时引导图示符图标位置错误

我将用一些图片来说明这个问题

这就是我得到的：

但当我添加

col-md-6

时，它会变得有点奇怪：

如您所见，glyphicon不再位于输入中。我可以用css创建一个类，如下所示：

.glyphicon-md {
    padding-right: 20px;
}

但为什么会发生这种情况？不使用css就可以解决这个问题吗

<!-- LastName -->
<div class="form-group col-md-6"  ng-class="{'has-error has-feedback': form_addClient.lastName.$dirty && form_addClient.lastName.$invalid, 'has-success has-feedback': form_addClient.lastName.$dirty && form_addClient.lastName.$valid  }">
    <label for="lastName">Last name</label>
    <input type="text" name="lastName" id="lastName" class="form-control" ng-model="vm.client.lastName" required />

    <div  class="help-block"  ng-messages="form_addClient.lastName.$error" ng-if="form_addClient.lastName.$dirty">
        <div ng-message="required">The client needs a last name.</div>
    </div>

    <span ng-show="form_addClient.lastName.$dirty && form_addClient.lastName.$valid" class="glyphicon glyphicon-ok form-control-feedback"></span>
    <span ng-show="form_addClient.lastName.$dirty && form_addClient.lastName.$invalid" class="glyphicon glyphicon-remove  form-control-feedback"></span>

</div>

姓
客户端需要一个姓氏。

试着用另一个

col-md-6

不在同一

div中的
表单组
div来包装您的
div。。。检查这一点的区别

如下

<div class="col-md-6">
    <div class="form-group"  ng-class="{'has-error has-feedback': form_addClient.lastName.$dirty && form_addClient.lastName.$invalid, 'has-success has-feedback': form_addClient.lastName.$dirty && form_addClient.lastName.$valid  }">
        <label for="lastName">Last name</label>
        <input type="text" name="lastName" id="lastName" class="form-control" ng-model="vm.client.lastName" required />

        <div  class="help-block"  ng-messages="form_addClient.lastName.$error" ng-if="form_addClient.lastName.$dirty">
        <div ng-message="required">The client needs a last name.</div>
        </div>

        <span ng-show="form_addClient.lastName.$dirty && form_addClient.lastName.$valid" class="glyphicon glyphicon-ok form-control-feedback"></span>
        <span ng-show="form_addClient.lastName.$dirty && form_addClient.lastName.$invalid" class="glyphicon glyphicon-remove  form-control-feedback"></span>

    </div>
</div>


姓
客户端需要一个姓氏。