html - 对齐文本框和按钮，bootstrap

Question

我曾多次遇到 Bootstrap 样式的文本字段和输入按钮出现以下问题。请注意，它们不是垂直对齐的:

如何对齐这两个元素？这是 HTML:

<div class="span6">
    <input type="text" placeholder="email"> <button type="button" class="btn btn-info">Sign up</button>
</div>

Answer 1

为了完成它，您必须使用适当的 Twitter Bootstrap classes for forms .

在这种情况下，即 .form-inline 类。

这是正确的标记:

<form class="form-inline">
  <input type="text" class="input-small" placeholder="Email"/>
  <button type="submit" class="btn">Sign in</button>
</form>

这是演示 http://jsfiddle.net/YpXvT/42/