MENU▼

Bootstrap模态框(Modal)垂直居中

近期用Bootstrap框架做了个微信公众号菜单管理工具,做提示框的时候发型不能垂直居中,百度后发现如下代码:

function centerModals(boxid) {   
    $(boxid).each(function(i) {   
        var $clone = $(this).clone().css('display', 'block').appendTo('body');
        var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 3);//调节居中效果
        top = top > 0 ? top : 0;
        $clone.remove();   
        $(this).find('.modal-content').css("margin-top", top);   
    });   
}   
$('#prompt_box').on('show.bs.modal', centerModals('#prompt_box'));//监听,当模态框显示时触发(show.bs.modal)

请为这篇文章评分:
( 这篇文章尚未评分 )