bootstrap模态框默认是水平居中,离上面30px,怎么让其在垂直方向也居中呢?,代码如下:
$('#myModal').on('shown.bs.modal', function (e) {
$('#myModal').modal('show');//这是打开模态框
// 关键代码,如没将modal设置为 block,则$modala_dialog.height() 为零
$(this).css('display', 'block');
var modalHeight=$(window).height() / 2 - $('#myModal .modal-dialog').height() / 2;
$(this).find('.modal-dialog').css({
'margin-top': modalHeight
});
});以上代码可完美实现bootstrap模态框的垂直居中,其中还可以改变 margin-top的值来控制bootstrap模态框的垂直位置