如何对齐导航栏中的两个单独的菜单链接？

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> 

此外，它看起来像漂浮（拉左，右拉，导航栏，右，等...）被使用过度。