Как закрыть модальное окно bootstrap

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
16 июля 2024

Для закрытия модального окна Bootstrap нужно использовать JavaScript, либо можно добавить атрибут к элементу:

  1. Используя data атрибуты Bootstrap:

    Можно добавить data-dismiss="modal" к элементу, который будет служить кнопкой для закрытия модального окна. Например:

    <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
    
  2. Используя JavaScript:

    <script>
      document.getElementById('closeModalButton').addEventListener('click', () => {
        $('#myModal').modal('hide');
      });
    </script>
    
0 0
Познакомьтесь с основами HTML и CSS бесплатно