如何在展开可折叠导航栏时向导航项目添加填充Bootstrap 5

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <!-- 导航栏内容 -->
</nav>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNav">
  <!-- 导航项目内容 -->
</div>

<ul class="navbar-nav">
  <li class="nav-item">
    <a class="nav-link" href="#">导航项目1</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">导航项目2</a>
  </li>
  <!-- 其他导航项目 -->
</ul>

<div class="collapse navbar-collapse py-2" id="navbarNav">
  <!-- 导航项目内容 -->
</div>