Navbar偶尔会呈现两行

Question

使用bootstrap的navbar nav我有一种奇怪的行为。我在其中一个导航元素中有正常文本和标签span，span有时会以新行结束，从而使整个导航栏高于应有的值。最奇怪的是它只是偶尔发生（约50％的时间），但没有我改变任何条件（相同的屏幕尺寸，相同的页面/内容等）。此外，我只能在Chrome中重现，而不是在Firefox中重现。

只要我使用dev-tools调整任何css设置，span就会跳回原位，所以我真的不知道如何调试或试验修复。

有关的任何想法或建议：

1. 如何调试issuse？
2. 可能是什么原因？

以下是它看起来如何破碎：



以及它应该如何：



以下是我标题的摘录。不幸的是我在完整的标题中有很多代码（它是一个有角度的应用程序，有些东西是动态控制的），所以我不完全排除问题在其他地方的可能性，但我很难定期复制它使用完整的代码，所以我不认为制作一个笨重的案例会很容易。

<header class="navbar navbar-default navbar-fixed-top ng-scope">
  <nav class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav navbar-right">
      <li class="divider-vertical hidden-xs"></li>
      <li id="home-button">
        <a href="/">Home</a>
      </li>
      <li id="library">
        <a href="/library">Library
        <span class="small label label-primary label-super">new</span>
        </a>
      </li>
    </ul>
  </nav>
</header>