html - 右对齐表单旁边的右对齐导航按钮

我有一个默认的Bootstrap导航栏，带有一个右对齐的搜索表单和另外一些右对齐的导航按钮。导航按钮应该位于搜索表单的右侧，但是无论我做什么，它们都位于左侧。

我该如何解决？

这个：

<form class="navbar-form navbar-right" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
</ul>

变成这个：

最佳答案

交换他们的位置。

<ul class="nav navbar-nav navbar-right">
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
</ul>
<form class="navbar-form navbar-right" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

http://jsfiddle.net/timgavin/0Lnqdbd4/

关于html - 右对齐表单旁边的右对齐导航按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30190269/