bootstrap 模态框垂直居中实现方法

 this.$element.css({
      paddingLeft:  !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
      paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
    })
    //上面为原有bootstrap js里面的文件
     //下面为需要增加的js代码
    var $modal_dialog = $(this.$element[0]).find(".modal-dialog");
    var m_top = ( $(window).height() - $modal_dialog.height() )/2;
    $modal_dialog.css({"margin": m_top + "px auto"}); 
    
    增加上面的代码模态框即可居中显示

你可能感兴趣的:(bootstrap 模态框垂直居中实现方法)