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>
当然部分使用场景完全居中并不美观,具体还得根据使用场景修改函数。
Bootstrap Modal 垂直居中
http://yanziyu.fun/2016/11/30/modal-center/