Boostrap如何让导航栏中的<li>元素在同一行中？

<nav class="navbar navbar-expand bg-light">
  <!-- 导航栏内容 -->
</nav>

<nav class="navbar navbar-expand bg-light">
  <ul class="navbar-nav ml-auto">
    <li class="nav-item">
      <a class="nav-link" href="#">链接1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">链接2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">链接3</a>
    </li>
  </ul>
</nav>