使用CSS margin-top属性 默认情况下，Bootstrap模式窗口与页面顶部对齐，但有一些余量。但是您可以使用简单的JavaScript技巧在页面中间垂直对齐它，如下例所示。此解决方案将动态调整模态的对齐方式，即使用户调整浏览器窗口大小，也始终将其保留在页面的中心。 Vertical Center Alignment of Bootstrap Modal Dialog $(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)); […]