Html 我需要主页按钮出现在中间

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-expand-sm navbar-dark bg-success" aria- 
label="Third navbar example">
<div class="container-fluid">
<a class="navbar-brand" href="#">Book Finder</a>
<button class="navbar-toggler" type="button" data-bs- 
toggle="collapse" data-bs-target="#navbarsExample03" aria- 
controls="navbarsExample03" aria-expanded="false" aria-label="Toggle 
navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse justify-content-center">
    <ul class="navbar-nav mb-2 mb-sm-0 ">
      <li class="nav-item">
        <a class="nav-link active" aria-current="page" [routerLink]="['/homepage']">Home</a>
      </li>
    </ul>
  </div>
</div>

<nav class="navbar navbar-expand-sm navbar-dark bg-success" aria-="" label="Third navbar example">
/*Update here*/
<div class="container-fluid" style="position: relative;">
<a class="navbar-brand" href="#">Book Finder</a>
<button class="navbar-toggler" type="button" data-bs-="" toggle="collapse" data-bs-target="#navbarsExample03" aria-="" controls="navbarsExample03" aria-expanded="false" aria-label="Toggle 
navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  /*Update here*/
  <div class="collapse navbar-collapse justify-content-center" style="
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  ">
    <ul class="navbar-nav mb-2 mb-sm-0 ">
      <li class="nav-item">
        <a class="nav-link active" aria-current="page" [routerlink]="['/homepage']">Home</a>
      </li>
    </ul>
  </div>
</div></nav>

Html相关问答推荐

隐藏滚动条和禁用文本 Select 的CSS技术？

如何才能只给没有孟加拉语Kar符号的字母上色？

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

悬停效果在新西兰表上不起作用

在Firefox中，使用写入模式：Vertical-LR时，不随内容扩展的css弹性项

在css中，如何在英雄版块的标题后面做一个粘性的导航栏？

使用Cypress循环遍历不一致的父对象

如何使用CSS创建文件夹选项卡的形状？

为什么根捕获上的`min-height`溢出，而`height`没有？

将精选选项的价格合并为一个价格HTML、PHP和JQuery

如何 Select 表格'；TMS Web Core中的body html元素？

将文本保持在平行四边形内并遵循形状

在 html 和 css 中绘制表格内的倾斜线

将图像的高度限制为固定的纵横比，并在超过时使用 object-fit

单击时 HTML 锚元素不重定向到相对路径

那边界从何而来？

无法使用 HTML 中的 Bootstrap 自上而下居中

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

所有幻灯片上的 Quarto RevealJS 标题

如何阻止网格项目拉伸？