Twitter bootstrap 如何避免图像引导全屏模式以单击事件关闭

我使用的是全屏引导模式，但我无法阻止在模式的任何部分单击鼠标关闭模式（我希望它仅在单击“关闭”按钮或“x”时关闭）。有没有办法在不更改bootstrap.js文件的情况下修复它

以下是我的HTML代码：

<!-- Modal -->
<div id="myModal" class="items-modal modal fade in" role="button" tabindex="-1" aria- hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </button>
            <div class="container">
                <div class="modal-body">
                    <h2>H2</h2>
                    <img src="img/icon1.png" class="img-responsive img-centered" style="display:inline" alt=""></a>
                    <p>blablabla</p>
                </div>
            </div>
            <button type="button" class="btn btn-default" data-dismiss="modal">Close
            </button>
        </div>
    </div>
</div>

编辑：我已尝试定义

divid=“myModal”class=“items模态淡入”数据键盘=“false”数据背景=“static”角色=“button”tabindex=“-1”aria hidden=“true”

---

但似乎不起作用

这不是引导模式标记。可能希望比较并查看是否已将模态包装在.close模态类中，该类不在标准标记中。看看文件谢谢你@Christina，你是对的，没有这个包装，它的工作原理和预期的一样：）

.modal-content{
    height:100%;
}
.close{
    font-size: 200px;
    font-weight:300;
    margin-top:-30px;
}
.items-modal .modal-content{
    background-color:black;
    border-radius: 0;
}