twitter-bootstrap - Bootstrap 和 Bootstrap 箱 : set dialog box center of the screen

Question

我正在使用 http://bootboxjs.com/examples.html 中的 bootbox.js这令人印象深刻。但是我在设置对话框的位置时遇到了问题。

我想将对话框放在屏幕的中心。我正在使用此代码，但对话框仍位于屏幕顶部。

 bootbox.alert('Danger!!').find('.modal-content').css({
     'background-color': '#f99',
     'font-weight': 'bold',
     color: '#F00',
     'top': '50%',
     'margin-top': function() {
         return -(box.height() / 2);
     },
     'font-size': '2em',
     'font-weight': 'bold'
 });

请告知如何设置屏幕的对话框中心。

Answer 1

截至 Bootstrap 箱 5，您实际上可以通过一个选项启用此功能，centerVertical :

bootbox.alert({
    message: "I'm a vertically-centered dialog!",
    centerVertical: true
});