右對齊的導航按鈕右對齊表格

Question

我有一個默認的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> 

變爲這樣：

Answer 1

交換自己的立場。

<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/