Почему работает только 1 модальное окно в бутстрап, которое выше остальных?

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

Это поведение достигается с помощью JavaScript, который устанавливает фокус на открытом модальном окне и блокирует доступ к остальным элементам страницы. Когда модальное окно закрывается, фокус снимается и страница снова становится доступной для взаимодействия.

Если вам нужно открыть несколько модальных окон одновременно, то можно использовать сторонние плагины или самостоятельно изменить функциональность Bootstrap. Например, вы можете редактировать JavaScript код, чтобы добавить возможность открытия нескольких модальных окон одновременно или использовать другую библиотеку для работы с модальными окнами, которая позволяет открывать их независимо друг от друга.

Однако, перед внесением таких изменений важно учитывать, что открытие нескольких модальных окон одновременно может привести к плохому пользовательскому опыту и сложностям в управлении интерфейсом. Также следует обратить внимание на то, что изменение функциональности Bootstrap может привести к конфликтам с другими элементами на странице или вызвать несовместимость с другими скриптами или стилями, используемыми на вашем сайте.