У Bootstrap есть реальное модальное окно?

Question

Имеет ли Bootstrap реальное модальное окно, как в аналоге «alert()», в котором пользователь должен отвечать в браузере (а не только на вкладке или окне), прежде чем приступать к любым изменениям?

Answer 1

Нет, это не так. Вы можете установить backdrop и keyboard свойствам модального на false и вам придется написать свою логику для интересующего вас вопроса/ответа.

Установка backdrop и keyboard свойства false предотвратить пользователю продолжать с любым изменением страницы, но не предотвратить его использовать сам браузер (например, введя новый URL-адрес в адресной строке, или нажав на кнопку истории. ..).

Answer 2

Вот пример кода fiddle, просто попробуйте

HTML

<!-- Button trigger modal --> 
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

JQuery

$('#myModal').modal({ backdrop: 'static', keyboard: true })