bootstrap Modal 模態框垂直居中

解決 Modal 垂直居中的問題，上網找了好多博客，有好多說改源碼的，這個並無實踐。

但發現另外一種解決辦法，能夠實現，代碼以下：

  function centerModals(){
            $('.modal').each(function(i){
                var $clone = $(this).clone().css('display', 'block').appendTo('body');
                var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
                console.log(top)
                $clone.remove();
                $(this).find('.modal-content').css("margin-top", top-20);
            });
        }

在 Modal show的時候，回調這個函數

 $('#tipModal').modal('show',centerModals());

在窗口變化的時候

  $(window).on('resize', centerModals);

效果以下

也能夠本身稍微調整下上下高度