水平列表与引导程序对齐

Question

我有这样的代码

<ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="/list/">text</a>
      </li>
      <li class="nav-item active">
          <a class="nav-link" href="#">text</a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="#">text</a>
      </li>
    </ul>
    <ul class="navbar-nav  my-2 my-lg-0">
      <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            text
          </a>
      </li>
        <li class="nav-item active">        
         <a href="#" id="sign-in"  class="nav-link" id="sign-in"><i class="fas fa-sign-in-alt"></i>text</a>
        </li>
    </ul>

我需要 3 个第一个元素在左侧，另一个在右侧 我不知道如何只用一个来做到这一点，但是用两个它会使响应性变得混乱，那么我如何用一个 ul 做到这一点？