bootstrap5 nav menu close on click

I am using bootstrap5 nav menu in my angular application, I am not able to close nav menu on click below is my code snippet:
<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">
<ul class="navbar-nav">
<li class="nav-item about" ><a class="nav-link" href="#about" >About Us</a></li>
<li class="nav-item services"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item career"><a class="nav-link" href="#career">Careers</a></li>
<li class="nav-item resource"><a class="nav-link" href="#resource">Resources</a></li>
<li class="nav-item contact"><a class="nav-link" href="#contact">Contact Us</a></li>
</ul>
</div>

Comments

[GaurangDhorda]

Hi. Feel free to connect with me by email [e-mail]. Let's discuss about your issue further. Thanks! Looking forward to hearing from you.