Bootstrap 4 |将<ul>对齐

Question

我想在标题上右对齐列表，这是代码

<div class="collapse navbar-collapse" id="app-header-nav">
  <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
    <li class="nav-item">
      <a class="nav-link navbarMenuItem" href="#solution">Solution
        <span class="sr-only">(current)</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link navbarMenuItem" href="#company">Company</a>
    </li>
    <li class="nav-item">
      <a class="nav-link navbarMenuItem" href="#openings">Openings</a>
    </li>
    <li style="display:none" id="getStartedHeader" class="nav-item">
        <a class="nav-link navbarMenuItem getStartedButtonHeader" data-toggle="modal" data-target="#getStartedModal">Get Started</a>
    </li>
    <li class="nav-item">
      <a class="app-login nav-link" href="undefined">Login</a>
    </li>
  </ul>
</div>

我尝试使用float，ml-auto和justify-content-end，但没有，有一种新方法可以将div上的所有内容与text-right上的Sinon对齐4？

这就是我需要的。

Answer 1

现在BS 4有了flexbox，对齐就容易多了。以下是left, right and center in the Bootstrap 4 Navbar.

的示例

此答案是从Bootstrap NavBar with left, center or right aligned items

复制而来的