В Bootstrap 4 есть опция data-auto-close для элементов "dropdown", которая управляет автоматическим закрытием меню после клика. Вам нужно установить это значение в true, чтобы включить автоматическое закрытие, или false, чтобы отключить его.
Прежде всего, убедитесь, что у вас подключена последняя версия Bootstrap 4. Далее, посмотрите на ваш HTML-код и на элемент "dropdown", который вы хотите настроить.
Допустим, у вас есть следующий код:
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton" data-toggle="dropdown"
data-auto-close="true" aria-haspopup="true"
aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Item 1</a>
<a class="dropdown-item" href="#">Item 2</a>
<a class="dropdown-item" href="#">Item 3</a>
</div>
В этом примере установлено значение data-auto-close равное true, что означает, что меню будет автоматически закрываться после клика на любой из пунктов меню.
Если вы хотите отключить автоматическое закрытие, поменяйте значение на false:
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton" data-toggle="dropdown"
data-auto-close="false" aria-haspopup="true"
aria-expanded="false">
Dropdown button
</button>
Когда значение data-auto-close установлено в false, меню не будет автоматически закрываться при клике на пункты.
Теперь вы знаете, как настроить автоматическое закрытие dropdown меню в Bootstrap 4 после клика, и как включить или отключить эту функцию, в зависимости от ваших потребностей.