如何在引导箱中手动设置垂直高度

Question

我想在引导对话框中手动指定垂直高度。

这里是启动箱，我们可以将其精确地固定在中间，但我想将其稍微放在上方。

      $('#btnNewPra').on('click',function(){
          bootbox.prompt({
            size: "small",
            title: 'Spot',
            margin: '50px' ,
            // centerVertical: true,
            callback: function(result){

            }
          })
        })

Answer 1

您最简单的选择是使用className选项和一些自定义CSS，例如：https://jsfiddle.net/6vmjpx3y/

bootbox.prompt({
  size: "small",
  title: 'Spot',
  className: 'mini-box',
  centerVertical: true,
  callback: function(result) {

  }
})

和

.mini-box .modal-dialog-centered .modal-content {
  margin-top: -50px;
}

className值将是最适合您的值。可能还有其他方法可以完成此操作，但是使用centerVertical选项会将.modal-dialog-centered类添加到对话框包装器中。然后，您可以对.modal-content类（模态的最外层“可见”部分）应用负边距，以将对话框从视口的中心拉出所需的数量。