bootstrap模态框使用

bootstrap4模态框是一款十分好用的弹窗，唯一的缺憾就是弹框不能拖动改变尺寸大小。今天记录一些基于b4模态框拓展使用的一些问题。目标，使弹框可以拖动，且不影响原网页操作，如点击，输入等。
第一步：
为模态框添加拖拽功能：

 $(document).on("show.bs.modal", ".modal", function() {
       $(this).draggable({
           cursor: 'move',//光标
       });
       $(this).css("overflow", "hidden");

   });

第二步：把body中modal-open类名删除（modal-open为点击弹出框自动添加；删除的方法可用css属性覆盖其原本的属性。目的使原网页滚动条出现。）

第三步：为元素添加data-backdrop（点击遮罩层不隐藏弹框）

第四步：设置弹出框大小，避免弹出框留出多于的地方。删除自带z-index=-1,使原网页的输入框可点击。