Bootstrap内联表单按钮对齐

验证后按钮对齐不正确.

        

            

                
            
        

        

            

                
            
        
        

            

                Load
            
        
    

验证码:

$('form').validate({
        rules: {
            firstname: {
                minlength: 3,
                maxlength: 15,
                required: true
            },
            lastname: {
                minlength: 3,
                maxlength: 15,
                required: true
            }
        },
        highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'span',
        errorClass: 'help-block',
        errorPlacement: function(error, element) {
            if(element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        }
    });

表单效果很好,但是当我点击"加载"按钮时,按钮的对齐方式是不正确的.我无法创造一个小提琴,我已经附加了相同的屏幕截图.

提交表格之前

表格提交后

验证后按钮对齐不正确.