メインのドキュメントページでTwitter Bootstrapモーダルの 指示に従い、上記
の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に属性を追加する

<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; }
    }
});

• 背景： 'static' =>外部をクリックすると閉じるのをやめる
• キーボード：false =>エスケープボタンを使用して終了を停止

ブートストラップ3

HTMLでは、data-backdropstaticとdata-keyboardfalseに設定するだけです

例：

<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/