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

4 года назад

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

Ответы

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

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

Можно добавить data-dismiss="modal" к элементу, который будет служить кнопкой для закрытия модального окна. Например:
<button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>

Используя JavaScript:

<script>
  document.getElementById('closeModalButton').addEventListener('click', () => {
    $('#myModal').modal('hide');
  });
</script>

год назад

Ivan Gagarinov

2 месяца

Bootstrap

Навык работы с SASS, Bootstrap 5 и Gulp для ускорения, упрощения и оптимизации процесса вёрстки и разработки сайтов

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок