我试图让我的引导模式在页面出现后水平居中,但我似乎只能让代码垂直居中。 下面是我到目前为止的代码:
$(document).ready(function () {
function alignModal() {
var modalDialog = $(this).find(".modal-dialog");
// Applying the top margin on modal dialog to align it vertically center
modalDialog.css("margin-top", Math.max(0, ($(window).height() - modalDialog.height()) / 2));
}
// Align modal when it is displayed
$(".modal").on("shown.bs.modal", alignModal);
// Align modal when user resize the window
$(window).on("resize", function () {
$(".modal:visible").each(alignModal);
});
});
你是说垂直居中吗? 因为你写了两次“横着”。 如果垂直:来自bootstrap的文档页面:
将。modal-dialog-center添加到。modal-dialog以使模态垂直居中。