Как создать несколько модальных окон в bootstrap 5?

Для создания нескольких модальных окон в Bootstrap 5 необходимо просто добавить несколько элементов с классом `modal`, а также уникальными идентификаторами `id`. 

Пример создания нескольких модальных окон:

```html
<!-- Модальное окно 1 -->
<div class="modal" id="myModal1">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <h5 class="modal-title">Модальное окно 1</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <!-- Содержимое модального окна -->
      <div class="modal-body">
        Содержимое модального окна 1
      </div>

      <!-- Кнопки закрытия и действий -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>

<!-- Модальное окно 2 -->
<div class="modal" id="myModal2">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <h5 class="modal-title">Модальное окно 2</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <!-- Содержимое модального окна -->
      <div class="modal-body">
        Содержимое модального окна 2
      </div>

      <!-- Кнопки закрытия и действий -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>
```

Чтобы указать различный `z-index` для модальных окон Bootstrap 5, разные `z-index` можно назначить в CSS для каждого модального окна с помощью стилизации уникальных идентификаторов. Например:

```css
#myModal1 {
  z-index: 1050; /* Z-index для первого модального окна */
}

#myModal2 {
  z-index: 1060; /* Z-index для второго модального окна */
}
```

Это позволит модальным окнам корректно взаимодействовать и быть отображенными на переднем плане в правильном порядке, если открыто более одного окна.

В документации , описывающей использование модальных окон, указано: 
 "Please note multiple modals cannot be open at the same time" - не поддерживается открытие нескольких модальных окон одновременно. 
 Варианты решения: 
 1. Toggle between modals 
 2. Tooltips and popovers - если в качестве tooltip сделать второе диалоговое окно.