0%

Bootstrap Modal 垂直居中

个人不偏好修改源码的方式,用js可以更简单地达到目的。

<script>
$('#myModal').on('show.bs.modal', function (e) {  
$(this).find('.modal-dialog').css({  
'margin-top': function () {  
var modalHeight = $('#myModal').find('.modal-dialog').height();  
return ($(window).height() / 2 - (modalHeight / 2));  
}  
});      
});  
</script>

当然部分使用场景完全居中并不美观,具体还得根据使用场景修改函数。