如何折叠导航栏onclick(bootstrap5)

我想知道一种方法,在点击链接后折叠导航栏,而不是javascript事件监听器或data bs toggle,data bs针对文章中回答的两种方法( article link )你没有使用我的代码。

这是我的代码:

<header class="header-nav" id="home">
      <nav class="navbar navbar-expand-lg custom-nav fixed-top">
        <div class="container-fluid">
          <a id="brand" href="#"><span>C</span> Solutions</a>
          <button
            class="navbtn"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span><i class="fas fa-bars burger-menu"></i></span>
          </button>
          <div
            class="collapse navbar-collapse justify-content-between"
            id="navbarSupportedContent"
          >
            <ul class="navbar-nav m-auto mb-2 mb-lg-0 text-center">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#home"
                  >Home</a
                >
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">about us</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#services">services</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">why choose us</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">careers</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">portfolio</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#our-clients">our clients</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">contact us</a>
              </li>
            </ul>
            <ul class="navbar-nav ml-auto">
              <button class="btn btn-primary">request a quote</button>
            </ul>
          </div>
        </div>
      </nav>
    </header>

有人能帮忙吗?