javascript - Bootstrap 中的 Mailchimp 表单 - 按钮移动

Question

我在我的响应式 Bootstrap 页面中包含了一个 Mailchimp 表单，但该结构似乎不适合我的设计。

当我点击右侧的按钮时，js 错误响应和成功响应对按钮产生了影响并将按钮向下移动了一点。

你可以在这里明白我的意思:http://jsbin.com/garefamati/edit?html,css,output

我希望按钮保持在原位，即使收到来自错误或成功处理程序的消息也是如此。

非常感谢。

Answer 1

添加样式vertical-align: top;到按钮包装元素 <span class="input-group-btn"> .

这将覆盖 .input-group-addon, .input-group-btn 的垂直对齐样式规则这导致了意外行为。