最近开发一个CMS系统使用上了Bootstrap，在开发一个添加某些选项时，打算弹出一个模态框，但是发现，模态框不会垂直居中到屏幕上，而是在屏幕上方，找了好多资料都没搞定，最终自己试出了一种JS的方法，同时还需要Bootstrap模态框可以拖动，但是发现默认的也不行，翻遍了网络找了出来。现在分享给大家：
以下为Bootstrap模态框拖拽功能的增加方法
handle: ".modal-header",去除将可以整个模态框都可以拖动，其中modal-header代表拖动的DIV的CLASS或ID
以下为弹出Bootstrap模态框水平垂直居中的代码
0 ? top : 0;
$clone.remove();
$(this).find('.modal-content').css("margin-top",top);
});
}
$('#myModal').on('show.bs.modal',centerModals);
$(window).on('resize',centerModals);
其中，$(window).on('resize',centerModals); 代表用户改变浏览器时的事件，可以不用，但是改变浏览器，模态框不会跟着变化。
以上的JS代码加到页面的最后即可
Bootstrap模态框HTML
