模态中的 Bootstrap 4 工具提示位置和样式不起作用

Question

与其他看似相似的问题不同，工具提示确实显示在模态中。它只是没有正确地遵守位置属性或样式。模态是通过 PHP 引入的，然后工具提示被调用：

<button data-toggle="tooltip" data-placement="top" title="works correctly">BOOP</button>
<?php echo file_get_contents('modal-thingy.php'); ?>
<script>
$(document).ready(function() {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>

在模态内：

<button data-toggle="tooltip" data-placement="top" title="shows, but not in position or styled">a-DOOP</button>

主体中的工具提示正确呈现：位置和样式。然而，模态中的那些在底部只有一个简单的工具提示。很烦人。

由于 Bootstrap 4 仍然停留在 Popper v1，我该如何解决这个问题？