@newsworker90

Как сделать так, что бы модальное окно bootstrap 4, закрывается только по нажатию на крестик?

В модальном окне есть форма, но по нажатию на любую область, форма просто закрывается, как сделать закрытие только по нажатию на кнопку

<div class="our_programs-btn addservices-item" data-toggle="modal" data-target="#is-vf">
							<!-- Modal -->
							<div class="modal fade" id="is-vf" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<div>
												<h5 class="modal-title" id="exampleModalLabel">Программа</h5><p>Безвіз</p>
											</div>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
										</div>
										<div class="modal-body modal-video">
											<a class="video__link" href="https://www.youtube.com/watch?v=Y1Aoqk-ifC8">
												<picture>
													<source srcset="https://i.ytimg.com/vi_webp/Y1Aoqk-ifC8/sddefault.webp" type="image/webp">
													<img class="video__media" src="https://i.ytimg.com/vi/Y1Aoqk-ifC8/sddefault.jpg" alt="Видео консультация">
												</picture>
											</a>
											<button class="video__button" type="button" aria-label="Запустить видео">
												<svg width="68" height="48" viewBox="0 0 68 48">
													<path class="video__button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path>
													<path class="video__button-icon" d="M 45,24 27,14 27,34"></path>
												</svg>
											</button>
											<ol>
												<li>Підбір і закріплення вакансії</li>
												<li>Підбір і покупка авіаквитків</li>
												<li>Страхування</li>
												<li>Супровід клієнта до аеропорту</li>
												<li>Зустріч в аеропорту Тель-Авіва і супровід до місця роботи</li>
												<li>Юридична підтримка під час роботи</li>
											</ol>
										</div>
										<div class="modal-footer">
											<h4>Заявка на вакансію:</h4>
												<?php echo do_shortcode( '[contact-form-7 id="1166" title="Заявка на вакансию страница вакансии"]' ); ?>
										</div>
									</div>
								</div>
							</div>
							<p class="our_programs-center">Безвіз</p>
						</div>
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы