bootstrap导航栏自定义移动元素

Question

为移动用户垂直堆叠时，为引导导航栏添加额外元素的最佳方法是什么？

例如，我想将<li>New Tab</li>添加到：

 <nav id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>Home</a></li>
        <li>Forum</a></li>
        <li>About</a></li>
      </ul>
    </nav>