Как вывести модальное окно сразу после загрузки страницы?

Для того чтобы вывести модальное окно сразу после загрузки страницы при использовании фреймворка Bootstrap, существует несколько способов.

Первый способ заключается в добавлении атрибута data-backdrop="static" к элементу, который будет запускать модальное окно (например, кнопке или ссылке). Этот атрибут отключает закрытие модального окна при нажатии за его пределами или нажатии кнопки Esc. Затем, добавляем атрибут data-toggle="modal" и data-target="#myModal" (где #myModal - это идентификатор модального окна) к элементу. Таким образом, модальное окно будет открыто сразу после загрузки страницы.

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

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="myModalLabel">Модальное окно</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        Содержимое модального окна...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
        <button type="button" class="btn btn-primary">Сохранить изменения</button>
      </div>
    </div>
  </div>
</div>

Второй способ заключается в использовании JavaScript. В данном случае, добавляем следующий скрипт внутри тега <script> или в отдельный файл JavaScript:

$(document).ready(function(){
  $('#myModal').modal('show');
});

Этот скрипт вызывает метод modal('show') на элементе с идентификатором myModal, что открывает модальное окно при загрузке страницы.

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

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