justcode.ikeepstudying.com
Bootstrap: 弹出窗口上下居中, 弹出modal上下居中, How to align Bootstrap modal vertically center - Just Code
使用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)); …