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

演示：

---

我创建了一个导航栏，可以折叠除登录链接以外的所有链接。我希望这个登录链接在移动设备上被视为一个单独的元素，但问题似乎是它的对齐不当-登录文本比其他菜单链接低几个像素。我怎样才能正确对齐它？我尝试在登录链接上使用margin top，但结果从来没有完全一致。

除了使用

nav

之外，还使用

nav

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

此外，看起来浮动（向左拉、向右拉、导航栏向右等）被过度使用