Twitter bootstrap Twitter引导--导航栏搜索按钮出现在搜索字段下方

哎呀。我什么都试过了，但还是弄不明白。我很确定我错过了一些明显的东西

我希望搜索按钮出现在搜索字段旁边，但由于某种原因，它出现在它下面。我到底错过了什么

切换导航
提交

---

我想你指的是写着“提交”的按钮。它当前位于文本字段的div元素之外，因此它位于新行上

试试这个：

<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-navbar">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">The Brand Goes Here</a>
</div>

<!-- toggled items -->
<div class="collapse navbar-collapse main-navbar">
  <form class="navbar-form navbar-left" role="search">
    <div class="form-group">
      <input  type="text" class="form-control" placeholder="search">
    <button type="submit" class="btn btn-default">submit</button>
    </div>

  </form>
</div>
<!-- end toggled items -->

切换导航
提交

无论您做什么，都必须移动该分区内的按钮。您使用的浏览器是什么？在Safari和Chrome中测试过。我在那个div中有一个按钮，但没有区别。我的答案中的片段在Chrome中没有其他样式。你的样式表会引起问题吗？问题解决了。我希望我能回答这个问题，但我不能。重新编译较少的文件不起作用。从引导站点复制和粘贴示例无效。出去喝杯茶很有效。令人沮丧的！

<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-navbar">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">The Brand Goes Here</a>
</div>

<!-- toggled items -->
<div class="collapse navbar-collapse main-navbar">
  <form class="navbar-form navbar-left" role="search">
    <div class="form-group">
      <input  type="text" class="form-control" placeholder="search">
    <button type="submit" class="btn btn-default">submit</button>
    </div>

  </form>
</div>
<!-- end toggled items -->