Twitter bootstrap 移动设备上的引导内联表单

我想为“移动”视口创建一个视图，这样“搜索”按钮将位于输入旁边。但文件说,

这仅适用于视口中宽度至少为768px的窗体

如何在不使用内联表单的情况下实现此结果

移动屏幕 导航栏标题

以下是navbar标题片段：（在表单中添加

.form inline

不会像文档中提到的那样使其内联）

切换导航
提交

在搜索了一些引导组件之后，我可以通过将表单看作一个而不是一个表单组来实现我想要的

这是我新的导航栏标题的片段

<div class="navbar-header">
  <a class="navbar-brand" href="#">Brand</a><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    <span class="sr-only">Toggle navigation</span>
    <!-- omitted icon-bar span -->
  </button>

  <div class="clearfix"></div>

  <div class="container">
    <form class="navbar-form navbar-left" role="search">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search">
        <span class="input-group-btn">
          <button type="submit" class="btn btn-default">Submit</button>                
        </span>
      </div>
    </form>
  </div>
</div>

切换导航
提交

<div class="navbar-header">
  <a class="navbar-brand" href="#">Brand</a><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    <span class="sr-only">Toggle navigation</span>
    <!-- omitted icon-bar span -->
  </button>

  <div class="clearfix"></div>

  <div class="container">
    <form class="navbar-form navbar-left" role="search">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search">
        <span class="input-group-btn">
          <button type="submit" class="btn btn-default">Submit</button>                
        </span>
      </div>
    </form>
  </div>
</div>