Jquery 引导内嵌表单按钮对齐

验证后按钮对齐不正确

<form class="form-inline form-padding">
        <div class="form-group">
            <div class="input-group">
                <input class="form-control" placeholder="First Name" name="firstname" type="text" />
            </div>
        </div>

        <div class="form-group">
            <div class="input-group">
                <input class="form-control" placeholder="Last Name" name="lastname" type="text" />
            </div>
        </div>
        <div class="form-group">
            <div class="input-group">
                <button type="submit" id="form-button" class="btn btn-primary">Load</button>
            </div>
        </div>
    </form>

表单工作得很好，但当我点击加载按钮时，按钮的对齐方式不正确。我无法创作小提琴，我附上了相同的屏幕截图

提交表格前

提交表格后

---

验证后的按钮对齐不正确。

添加此CSS将再次正确对齐表单：

<form class="form-inline form-padding">
        <div class="form-group">
            <div class="input-group">
                <input class="form-control" placeholder="First Name" name="firstname" type="text" />
            </div>
        </div>

        <div class="form-group">
            <div class="input-group">
                <input class="form-control" placeholder="Last Name" name="lastname" type="text" />
            </div>
        </div>
        <div class="form-group">
            <div class="input-group">
                <button type="submit" id="form-button" class="btn btn-primary">Load</button>
            </div>
        </div>
    </form>

.form-inline > .form-group {
    vertical-align: top;
}

---

这是一个救命恩人。非常感谢。他们真的需要将此添加到引导验证程序网站。