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);
      
});