bootstrap 弹出框点击其他区域时弹出框不消失选项设置

默认情况下，bootstrap 弹出框点击其他区域时，弹出框会自动关闭，在很多时候，我们可能会希望达到和原生弹出框一样的效果，避免不小心点击其他区域时弹框自动隐藏，尤其是对于一些复杂的表单，重复填写可能会带来很不好的体验效果，所以，我们会希望不会发生这种情况。如下所示：

<div class="modal fade" id="myModal" data-backdrop="static" 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）标题</h4>
            </div>
            <div class="modal-body">按下 ESC 按钮退出。</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">提交更改</button>
            </div>
        </div>
    </div>
</div>

上面这段代码就可以实现这个效果，主要是在modal添加这段代码

data-backdrop="static"