如何對齊導航欄中的兩個單獨的菜單鏈接？

Question

演示：https://www.bootply.com/FeTVydhGoT

我創建了一個導航欄，用於摺疊除登錄鏈接以外的所有鏈接。我希望這個登錄鏈接作爲一個獨立的元素在移動設備上被看到，但問題似乎是它的不正確對齊 - 登錄文本比其他菜單鏈接低幾個像素。我如何正確對齊它？我嘗試在登錄鏈接上使用margin-top，但結果永遠不會完全一致。

Answer 1

使用navbar-nav除了nav ...

 <ul class="nav navbar-nav"> 
     <li class="pull-right"> 
      <a href="#" id="login">Login</a> 
     </li> 
     </ul> 

此外，它看起來像漂浮（拉左，右拉，導航欄，右，等...）被使用過度。