Главное помнить, что Бутстрап 4 сильно отличается от Бутстрапа 3 и теги там разные.
Компонент Modal нужен для отображения на веб-странице контента посредством модального окна.
В Bootstrap 3 и 4 представляет собой контейнер, который визуально отображается над остальным содержимым страницы.
Открытие нескольких модальных окон невозможно.
Если Вы прокручиваете вверх или вниз модальное окно в некоторых браузерах на iOS или Android
вместе с ним прокручивается и остальное содержимое страницы (содержимое элемента body).
Создание модального окна выполняется с помощью следующих строительных кирпичиков:
каркас - 3 блока div, имеющие классы .modal, .modal-dialog и .modal-content.
заголовок - блок div, имеющий класс .modal-header,
основное содержимое - блок div с классом .modal-body,
подвал - блок div с классом .modal-footer.
Разыскивая недостающие скобки и дивы столкнулся с нехваткой размера экрана ноута. Уже и полноэкранный режим сделаешь, и дерево проекта уменьшишь сколько позволяет NetBeans IDE 8.2, а всё равно скролить приходится богато. Большой экран - не роскошь, а средство передвижения по коду.
Ооо... я помню, записывался он еще эмоциональнее... во время записи этого урока я со стула падал...