Twitter bootstrap 表单内联中的引导按钮对齐

当屏幕缩小到小尺寸时，表单inline div内的按钮对齐将关闭。我已经创造了以下小提琴

小提琴-

//第1节
输入邮政编码：


//第2节
搜寻
名字
姓
搜寻

1） 第一部分是问题所在，并将表单控件类应用于文本框

2） 在第二部分中，对齐是正确的，并且表单控件类未应用于文本框

可能原因：我发现问题出在表单控件类上，该类与字体大小一起应用于文本框。当我删除.form控件类的font size=14px时，按钮的对齐方式似乎是正确的

我一直在寻找一种更好的方法来克服这种对齐问题，并将表单控件类应用于文本框，以便维护所有引导样式

---

只需在您自己的CSS中覆盖或更改按钮样式属性垂直对齐即可。将其从“垂直对齐：中间”更改为“垂直对齐：顶部”。。。这应该可以解决问题

.btn { vertical-align: top; }

---

你可以试试flexboxI，我想你必须使用一种变通方法。直接从Bootstrap的网站---

Add.forminline到表单中（不必是a），用于左对齐和内联块控件。这只适用于至少768px宽的视口中的窗体。

。这里还有一个类似的问题-是的，我当然可以这样做，但为什么垂直对齐：中间对齐在较小的屏幕上不起作用？我们不能在不覆盖任何默认引导类的情况下完成它吗？现在我接受这个答案，除非我们找到更好的方法。谢谢老实说，Bootstrap并非没有缺陷。我同意“应该”有更好的解决办法。希望有人能在这个问题上提供更多的信息。

.btn { vertical-align: top; }