Question

我想使导航栏的“注册”和“登录”项在右侧对齐，但是代码无效。

使用“结尾处的对齐内容”进行正确对齐。

<!DOCTYPE html>
<html>
<head>
    <title>Navbar</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">

  <a class="nav-link disabled " href="#">Koffee</a>
  <a class="nav-link disabled " href="#">About</a>
  <a class="nav-link disabled " href="#">Contact</a>


<ul class="nav justify-content-end">
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Signup</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Login</a>
  </li>

</ul>

</nav>

</body>
</body>
</html>

此外，从getbootstrap提供的文档中，bootstrap 4.3.1中的navbar和navs的概念还不清楚，因此，如果有其他建议同样有用的话！

如何在引导程序中修复导航栏中项目的对齐方式

0 个答案: