html - Bootstrap 4 mr-auto 无法正常工作

Question

我有一个片段:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<header>
  <div class="container">
    <div class="row">
      <div class="col-lg-3">
        <div class="logo">
          <img src="#" alt=" logotype">
        </div>
      </div>
      <div class="col-lg-9">
        <div class="head-buttons mr-auto">
          <a href="">Русский</a>
          <div class="auth-buttons">
            <button>Войти</button>
            <button>Регистрация</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>

我希望这个 div 中的 col-lg-9 所有内容都右对齐。为什么 mr-auto 不工作？我该如何解决？我试过 justify-content-end 行，但没有用..

Answer 1

在 bootstrap 5 中，使用 ms-auto 代替 ml-auto 和 me-auto 代替 mr-auto.

<ul className="navbar-nav ms-auto">
<ul className="navbar-nav me-auto">