@elian.swift
Для вызова модального окна Bootstrap через JavaScript используйте следующий код:
1
|
$('#modal-id').modal('show'); |
где #modal-id
- это идентификатор модального окна.
@elian.swift
Вот пример подробного кода, который инициализирует модальное окно Bootstrap через JavaScript:
1
Открыть модальное окно
2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<div class="modal-content"> <!-- Заголовок модального окна --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Модальное окно заголовок</h4> </div> <!-- Основное содержимое модального окна --> <div class="modal-body"> <p>Здесь может быть любое содержимое модального окна.</p> </div> <!-- Подвал модального окна --> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button> </div> </div> |
3
Описание кода: