/
Вопросы и ответы
/
Bootstrap
/

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

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

4 года назад

Человек-Молекула

Ответы

0

Для закрытия модального окна 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>

2 года назад

Ivan Gagarinov

+7 800 100 22 47

бесплатно по РФ

+7 495 085 21 62

бесплатно по Москве

108813 г. Москва, вн.тер.г. поселение Московский,
г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3
ОГРН 1217300010476
ИНН 7325174845