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

Question

我的代码：

 <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去掉就正常了，请大神解答下

Answer 1

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