Вот несколько способов добиться того, чтобы раскрывающийся список Bootstrap оставался открытым до закрытия:

1. JavaScript/jQuery: вы можете использовать JavaScript или jQuery, чтобы добавить пользовательский класс к переключателю раскрывающегося списка при его нажатии, что позволяет раскрывающемуся списку оставаться открытым до тех пор, пока пользователь снова не щелкнет снаружи или на переключателе. Вот пример использования jQuery:

$('.dropdown-toggle').on('click', function () {
  $(this).toggleClass('show');
});

2. Атрибут данных Bootstrap: Bootstrap предоставляет атрибут данных под названием data-toggle, который можно использовать для ручного управления переключателем раскрывающегося списка. Если установить для атрибута data-toggleзначение 'dropdown'в элементе переключения раскрывающегося списка, раскрывающийся список останется открытым до тех пор, пока он не будет закрыт явно. Вот пример:

<button class="dropdown-toggle" data-toggle="dropdown">Toggle Dropdown</button>
<div class="dropdown-menu">
  <!-- Dropdown menu content -->
</div>

3. Bootstrap JavaScript API: Bootstrap также предоставляет JavaScript API, который можно использовать для программного управления переключателем раскрывающегося списка. Вы можете использовать метод dropdown('toggle')для переключения раскрывающегося списка. Вот пример:

var myDropdown = document.getElementById('myDropdown');
myDropdown.dropdown('toggle');

Это всего лишь несколько способов добиться того, чтобы раскрывающийся список Bootstrap оставался открытым до тех пор, пока не будет закрыт. В зависимости от ваших конкретных требований и используемой версии Bootstrap могут быть доступны и другие подходы.