Как сделать модалку в модалке(bootstrap)?

Чтобы создать модалку в модалке с использованием Bootstrap, вам потребуется добавить вложенный элемент с классом "modal" внутри основного содержимого модального окна.

Давайте рассмотрим шаги для создания модального окна внутри другого модального окна:

1. Включите библиотеку Bootstrap в ваш проект. Вы можете скачать файлы Bootstrap с официального сайта или использовать его из CDN (Content Delivery Network).

2. Создайте основное модальное окно, как обычно, с использованием тега "div" и добавьте ему уникальный идентификатор через атрибут "id". Например:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <!-- Содержимое модального окна -->
</div>

3. Добавьте кнопку или элемент, которые будут открывать модальное окно. Например:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Открыть модальное окно</button>

4. Внутри основного модального окна добавьте вложенный элемент с классом "modal" и уникальным идентификатором. Например:

<div class="modal fade" id="nestedModal" tabindex="-1" role="dialog" aria-labelledby="nestedModalLabel">
  <!-- Содержимое вложенного модального окна -->
</div>

5. Внутри основного модального окна добавьте кнопку или элемент, которые будут открывать вложенное модальное окно. Например:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#nestedModal">Открыть вложенное модальное окно</button>

6. Чтобы обрабатывать вложенные модальные окна, вы можете использовать JavaScript. Bootstrap предоставляет некоторые события для контроля над модальными окнами. Например, чтобы скрыть вложенное модальное окно при закрытии основного модального окна, вы можете использовать следующий код:

$('#myModal').on('hidden.bs.modal', function (e) {
  $('#nestedModal').modal('hide');
});

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