bootstrap popup modal框基本使用方法

HTML：

<div id="Id" class="modal fade">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header"></div>
                <div class="modal-body"></div>
                <div class="modal-footer"></div>
            </div>
        </div>
    </div>

js:

$('#Id).modal('show');

常用按钮：

<button type="button" data-dismiss="modal">Cancel</button>

关闭下一层modal框后，上一层不能滚动的问题：

$(".notLastModal").on("hidden.bs.modal",function(){
  $(document.body).addClass("modal-open");
});

参考文档：css3menu.com/web-design/bootstrap-modal-popup-form-1671.html
点击其他区域不能关闭模态框的问题：

<script>
    $('body').on('click', '.modal-backdrop', function () {
        $('#personModal').modal('hide');
        $('.modal-backdrop').hide();
    })
</script>