Question

嗨，我是 Bootstrap 5 的新手，我似乎无法弄清楚如何将所有导航栏项目（不包括导航栏品牌）移动到最右侧而不是左侧。

这是我目前所拥有的：

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" 
    rel="stylesheet" integrity="sha384- 
    EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    
    </head>
    <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light ">
      <a href="#" class="navbar-brand">About Me</a>
    <div class="collapse navbar-collapse">
        <ul class="navbar-nav ml-auto">
         <li class="nav-item">
            <a href="#" class="nav-link">About Me</a>
         </li>
         <li class="nav-item">
            <a href="#" class="nav-link">My Timeline</a>
         </li>
       </ul>
    </div>
    </nav>
    </body>
    </html>

我无法将导航栏项目向右移动而不是向左移动

0 个答案: