Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 19 мая

Как закрыть модальное окно 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
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»