添加导航栏项目，该项目与已经居中的导航栏项目向右对齐

Question

我想添加另一个导航栏项/链接，这些导航条/链接与我已经居中的导航栏项/链接一直向右对齐。我还想确保它仍被添加到响应式切换导航栏中。

这是我的代码

      <nav class="navbar navbar-expand-sm navbar-dark  bg-dark">
  <a href="#" class ="navbar-brand"></a>
  <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarMenu">
    <span class="navbar-toggler-icon"</span>
  </button>
  <div class="collapse navbar-collapse" id="navbarMenu">
      <ul class="navbar-nav ml-auto mr-auto">
          <li class="nav-item">
            <a href="#" class="nav-link">Home</a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">Features</a>
          </li>
        </ul>
      </div>
  </nav>

我想要的图像-https://i.imgur.com/sp2qspY.png 实时网站预览-https://wojakbot-64140.firebaseapp.com/