Чтобы свернуть панель навигации Bootstrap при нажатии, вы можете использовать различные методы. Вот несколько вариантов:

1. Использование jQuery:

   $(document).ready(function(){
    $('.navbar-nav>li>a').on('click', function(){
      $('.navbar-collapse').collapse('hide');
    });
   });

2. Использование JavaScript:

   document.addEventListener('click', function(event) {
    var isClickInsideNavbar = document.querySelector('.navbar').contains(event.target);
    if (!isClickInsideNavbar) {
      var navbarCollapse = document.querySelector('.navbar-collapse');
      if (navbarCollapse.classList.contains('show')) {
        navbarCollapse.classList.remove('show');
      }
    }
   });

3. Использование атрибута data-target:

   <script>
   $('.navbar-nav>li>a').on('click', function(){
    $('.navbar-collapse').collapse('hide');
   });
   </script>

Эти методы позволяют свернуть панель навигации Bootstrap при нажатии на пункт меню или область за пределами панели навигации.