Bootstrap表单+ jQuery验证 - 验证显示的小问题

Question

我正在使用Bootstrap 3并且我根据他们的规格创建了一个表单，然后我使用了预定义的jquery表单验证（/）

我遇到一个小问题，“有效”按钮显示在我的输入下方，并增加了我的登录图标的长度。

有没有办法制作有效按钮 - 而不是输入？

之前：

2 http://1.ii.gl/1QL1eZ.png

后：

2 http://3.ii.gl/ZVCr_H.png

我输入名字的代码：

<div class="form-group">

                <label for="inputName">First Name</label>

                <div class="row">

                    <div class="col-xs-4">

                        <div class="input-group">

                            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>

                            <input type="text" class="form-control" name="firstname" id="firstname" placeholder="First Name" value="<?php fname_value() ?>">

                        </div>

                    </div>

                </div>

            </div>