bootstrap中input-group-addon和glyphicon配合后与文本框不对齐问题

我的代码：

 <div class="container">
        <form action="">
            <div class="input-group">
                <lable class="control-label sr-only">用户名</lable>
                <span class="input-group-addon glyphicon glyphicon-user"></span>
                <input type="text" class="form-control">
            </div>
        </form>
    </div>

    但是当我把glyphicon的position:relative去掉就正常了，请大神解答下

你发布了之后不看下发布完成的东西是啥样吗？代码在哪里？图片也看不了！

你看看glyphicon上是不是有top这个设置，去掉relative就是让top这个属性失效

发出来看不到 。。。外面span类设置input-group-addon 里面在加一个span作为图标