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

Для закрытия модального окна в Bootstrap можно использовать различные методы. Вот несколько из них:

1. Использование JavaScript:

Для закрытия модального окна в JavaScript можно воспользоваться методом jQuery modal('hide') или нативным JavaScript методом document.getElementById('myModal').style.display = 'none';, где myModal - это id вашего модального окна.

Пример с использованием jQuery:

$('#myModal').modal('hide');

Пример с использованием нативного JavaScript:

document.getElementById('myModal').style.display = 'none';

2. Использование data атрибутов:

В HTML коде модального окна можно добавить атрибут data-dismiss="modal" к кнопке или элементу, который запускает закрытие модального окна. При нажатии на этот элемент модальное окно будет автоматически закрыто.

Пример кнопки с атрибутом data-dismiss="modal":

<button type="button" class="btn btn-primary" data-dismiss="modal">Закрыть</button>

3. Использование Bootstrap JavaScript API:

Bootstrap также предоставляет возможность закрывать модальные окна через JavaScript API. Для этого можно использовать метод modal с параметром hide.

Пример с использованием Bootstrap JavaScript API:

$('#myModal').modal('hide');

Эти способы позволяют закрыть модальное окно в Bootstrap с помощью JavaScript, data атрибутов или Bootstrap JavaScript API. Выберите подходящий и наиболее удобный для вас метод закрытия модального окна.