html 添加导航栏品牌时使导航栏菜单居中

oxf4rvwz 于 2022-11-20 发布在其他

关注(0)|答案(1)|浏览(144)

我在添加导航栏品牌时无法将菜单项居中。当我在导航栏左侧添加徽标时，菜单项会稍微向右移动？如何使其居中？以下是我的导航栏代码（引导程序）：

<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
          <a class="navbar-brand" href="#"><img class="img-fluid" src="https://psmedia.playstation.com/is/image/psmedia/call-of-duty-warzone-badge-01-ps4-en-27feb20_1583405365530?$HugeHero_Badge$" height="15%" width="15%"></a>
          <ul class="navbar-nav mx-md-auto mt-2 mt-lg-0">
            <li class="nav-item active">
              <a class="nav-link" href="#">WEAPONS <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">LOADOUTS</a>
            </li>
          </ul>
         
          <a href="#" class="button btn-lg btn-info text-center">TEST</a>
        </div>
      </nav>

Html

来源：https://stackoverflow.com/questions/65011642/keep-navbar-menu-on-center-when-adding-a-navbar-brand