Bootstrap Modal 垂直居中

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Bootstrap 的 modal 正文中如果内容较少的话，并不会垂直居中，而是偏上，如果想要达到垂直居中的效果，需要自动动手了。

可以在初始显示时设置垂直居中，可以这样做：

$('#YourModal').modal().css({
'margin-top': function () {
return -($(this).height() / 2);
}
});

或者我们可以将这个效果注册到显示事件中

show: This event fires immediately when the show instance method is called.

$('.modal').on('show', function() {
$(this).css({
'margin-top': function () {
return -($(this).height() / 2);
}
});
});