The метод showModal(). показує модальне діалогове вікно. Метод showModal() часто використовується разом із методом close().

Щоб показати модаль у Bootstrap за допомогою JavaScript, використовуйте $('#myModal'). modal('показати'); . Щоб приховати це, скористайтеся $('#myModal').

JS

1. getElementById("btnPrint"). onclick = функція () {
2. printElement(document. getElementById("printThis"));
3. }
4. функція printElement(elem) {
5. var domClone = елемент. cloneNode(true);
6. var $printSection = документ. getElementById("printSection");

приклад

1. дисплей: немає; /* Приховано за умовчанням */ позиція: фіксована; /* Залишайтеся на місці */ z-index: 1; /* Сидіти зверху */ зліва: 0; …
2. колір фону: #fefefe; націнка: 15% авто; /* 15% від верхнього краю та по центру */ padding: 20px; …
3. колір: #aaa; float: справа; розмір шрифту: 28px; …
4. колір: чорний; текст-оздоблення: немає; курсор: покажчик;

Модаль складається з двох частин: модального заголовка та модального тіла. Дані можуть бути передані до модального тіла з HTML-документа, який відображається, коли модаль з’являється. Для передачі даних у модальне тіло використовуються методи jQuery.