--- title: Modals localeTitle: Модальные окна --- ## Модальные окна Модальные окна - это всплывающие окна для предоставления важной информации, прежде чем продолжить. Чтобы создать такие диалоги / всплывающие окна в верхней части текущей страницы, Bootstrap предоставляет плагин Modal. #### Пример кода: ```html ``` #### Понимание используемых атрибутов и классов: a) `data-toggle = "modal"` : он открывает модальные окна. b) `data-target` : он указывает на идентификатор модального окна, который должен открыться. c) `data-dismiss="modal"` : это приводит к закрытию всплывающего окна при нажатии кнопки закрытия. d) `.modal` class идентифицирует содержимое `

` как модальное. e) `.modal-dialog` class устанавливает правильную высоту и ширину диалога. f). `.modal-content` стилирует модальное окно. Он содержит разделы заголовка, тела и нижнего колонтитула. g) `.modal-header` обозначает секцию заголовка модального окна (заголовок и (×)). h) `.modal-title` класс `.modal-title` заголовок модального окна с соответствующей высотой. i) `.modal-body` класс `.modal-body` модального окна. Он может иметь другие разметки, такие как `

,,