В Bootstrap меню не закрывается по умолчанию из-за того, что использован компонент "Navbar". Этот компонент разработан таким образом, чтобы меню было видимо всегда, а не скрылось автоматически при нажатии на ссылку или кнопку в нем.
Если вы хотите, чтобы меню закрывалось при нажатии на ссылку или кнопку, вам нужно добавить JavaScript для обработки этого действия.
Вот пример кода, который может помочь вам закрыть меню в Bootstrap:
$('.navbar-nav>li>a').on('click', function(){
$('.navbar-collapse').collapse('hide');
});
Этот код отслеживает событие клика на ссылке в меню. При каждом клике он ищет элемент с классом "navbar-collapse" и вызывает метод "collapse('hide')", который скрывает меню.
Помимо этого, вы также должны убедиться, что у вас правильно настроено меню в HTML. Вам нужно добавить атрибут "data-toggle" с значением "collapse" к элементу, который открывает и закрывает меню. Обычно это кнопка с классом "navbar-toggler" или ссылка с классом "navbar-toggler".
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
В этом примере, меню будет открываться и закрываться при нажатии на кнопку с классом "navbar-toggler", которая имеет атрибут "data-toggle" со значением "collapse", а атрибут "data-target" устанавливает цель, которую нужно свернуть и раскрыть (обычно это элемент с id "navbarNav").
Надеюсь, что данное объяснение поможет вам понять, почему меню не закрывается в Bootstrap и как исправить это с помощью JavaScript и правильной настройки HTML. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать!