html - 输入带有右侧按钮的文本字段，而不是使用 Bootstrap 堆叠在移动设备中

Question

我尝试实现这种效果有一段时间了，但没有成功。需要使用 Bootstrap 类在桌面和移动 View 中文本字段右侧的搜索表单按钮。无论我做什么，按钮总是出现在文本字段的底部。我需要文本字段 + 按钮在桌面和移动 View 中都居中。

<header class="jumbotron masthead mastheadcstm">
  <div class="container">
    <div class="row-fluid">
      <div class="offset3 span6 offset3">
        <form>
          <input type="text" placeholder="Engineer etc etc">
          <button type="submit" class="btn btn-primary">Search!</button>
        </form>
      </div>
    </div>
  </div>
</header>

Answer 1

像这样

DEMO

CSS

  .offset3{
        text-align:center;
    }