对齐文本框和按钮,引导程序

Question

我有一个引导风格的文本字段和输入按钮多次发生以下问题.请注意,它们不是垂直对齐的:

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

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

Answer 1

为了完成这一点,您必须使用适当的Twitter Bootstrap类来表单.

在这种情况下,这是.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/