标题bootbox问题

Question

谁能告诉我如何修复它？我在警告框中有相同的标题问题。

                                   a            a1
0              Singapore SG Jalan ID      [SG, ID]
1  SG Jalan ID Indonesia Malaysia MY  [SG, ID, MY]

Answer 1

你似乎弄乱了一些CSS。

也许您正在使用另一个覆盖启动箱样式的库。

您可以尝试以下方法来解决该特定问题：

.bootbox .modal-header h4 {
  float: none;
}

.bootbox .modal-header .close {
  position: absolute;
  right: 15px;
}

Answer 2

这是版本问题。 如果您使用的是Boot-box v4.x，则需要Bootstrap v5.x

因此请检查版本。

如果无法使版本兼容，请遵循以下代码：

closeButton = $('.bootbox').find('.bootbox-close-button');
$('.bootbox').find('.modal-header').append(closeButton);

它正确地重新排列了关闭按钮。