Css 如何将bootsrap 5导航栏li元素向右移动

我已经尝试过这个代码，但仍然并没有在页面的右边有注册和登录链接

我使用过mr auto、ml auto，甚至justify content end，它们都不起作用

试着打开

并按住“注册”和“登录”

因此，改变：

至

很明显，在Bootstrap5中，一些间隔实用程序的名称被更改了

ms auto

表示“页边距开始：自动”。他有一张很棒的备忘单

未来需要注意的是：要使用flex类，如

justify content end

，您需要使用

d-flex

类将元素设置为flex项。但是您希望flex元素是要对齐的项的父元素：因此在上面，您可能希望flex元素是包含两个navbar元素的

<nav class="navbar navbar-expand-lg navbar-light">

   <div class="container-fluid">
     <a href="#" class="navbar-brand">pUpe</a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navNav1" aria-controls="navNav1" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
   <div class="collapse navbar-collapse" id="navNav1">
     <ul class="navbar-nav">
       <li class="nav-item"><a class="nav-link" href="#">About</a></li>
       <li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
     </ul>
     <ul class="navbar-nav justify-content-end">
       <li class="nav-item"><a class="nav-link" href="#">Sign Up</a></li>
       <li class="nav-item"><a class="nav-link" href="#">log In</a></li>
     </ul>

   </div>
     
</div>


</nav>