bootstrap模态框垂直居中

个人不太建议修改源码,所以,还是写了个方法来用:

function centerModals() {   
  $(\'#myModal\').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);   
  });   
};

用的时候:

$(function() {
  //页面大小变化是仍然保证模态框水平垂直居中
    $(\'#myModal\').on(\'show.bs.modal\', centerModals);
    $("#enter3-btn").on(\'click\',function(){
      $(\'#myModal\').modal({
        backdrop:\'static\',
        show:true
      });
    })
    //页面大小变化是仍然保证模态框水平垂直居中
    $(window).on(\'resize\', centerModals);
      
});