bootstrap模态框垂直居中显示

　　在用bootstrap模态框时，特别是小尺寸的模态框时，其显示位置接近屏幕顶端，在网上查找之后，找到了让模态框居中显示的实现。代码如下

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);
                top = top > 0 ? top : 0;
                $clone.remove();
                $(this).find(\'.modal-content\').css("margin-top", top);
            });
                      }

$(\'#question_modal\').on(\'show.bs.modal\', centerModals);  //question_modal是html中模态框的id
$(window).on(\'resize\', centerModals);