[转]解决BootStrap validator验证的图标错位问题

在使用Bootstrap 表单验证控件的时候，最开始正常，后面什么代码没动，界面显示异常。

很奇怪的错误……

先上代码：

<form class="form-horizontal" action="${path }/user/register"
                        method="post" id="sForm">

<div class="form-group">
    <label for="loginName" class="col-sm-3 control-label col-xs-3">用户名：</label>
    <div class="col-sm-5 col-xs-9 pull-left">
        <input type="text" class="form-control" id="loginName"
                                    name="loginName" placeholder="请输入您登录用的用户名"
                                    value="${unSaveUser.loginName }">
    </div>
</div>

<!--还有很多类似代码，此处省略-->
</form

一切都是按照转载的博客内容完成，所有功能也可以实现，但就是显示图标错位，查了度娘也没有太好的解决办法，最终在stackoverflow.com找到解决方案。

因为本人CSS不熟，只能将代码记录，希望也可以帮助他人……

原文链接：http://stackoverflow.com/questions/21807650/bootstrap-3-has-feedback-icon-alignment-with-field-sizing-doesnt-seem-to-work

代码如下：

.has-feedback .form-control-feedback {
    position: absolute;
    top: 3px;
    right: 15px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

将相应页面引入这段CSS代码，问题即可解决。