Я дотримувався інструкцій щодо модального завантаження Twitter на головній сторінці документації
та використовував data-keyboard="true"згаданий синтаксис, але клавіша виходу не закриває модальне вікно.
Чи ще чогось мені не вистачає?

Код:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal'>
  <div class='modal-body'>
    <div>Test</div>
  </div>
</div>

Схоже, це питання про те, як пов'язана подія клавіатури.

Ви можете додати tabindexатрибут до вас модально, щоб подолати цю проблему:

tabindex="-1"

Отже, ваш повний код повинен виглядати так:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal' tabindex='-1'>
    <div class='modal-body'>
    <div>Test</div>
    </div>
</div>

Для отримання додаткової інформації ви можете переглянути дискусію з цього питання на github

(Оновлено посилання на новий сховище TWBS)

також якщо ви викликаєте через javascript, використовуйте це:

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

додати tabindex="-1"атрибут до модального діла

<div id="myModal" class="modal fade" role="dialog" tabindex="-1">

</div>

У кутовому я використовую так:

var modalInstance = $modal.open({                        
 keyboard: false,
 backdrop: 'static',
 templateUrl: 'app/dashboard/view/currentlyIneligibleView.html',
 controller: 'currentlyIneligibleCtrl',
 resolve: {
     data: function () { return param; }
    }
});

• backdrop: 'static' => Зупинити, щоб закрити клацання зовні
• клавіатура: false => Зупинити, щоб закрити, використовуючи кнопку втечі

Завантаження 3

У HTML просто встановіть data-backdropстатичну та data-keyboardхибну

Приклад:

<button type="button" data-toggle="modal" data-target="#myModal" data-backdrop="static" data-keyboard="false">Launch modal</button>

або

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

Тест наживо:

https://jsfiddle.net/sztx8qtz/

Знай більше: http://budiirawan.com/prevent-bootstrap-modal-closing/