如何在Bootstrap 4中禁用下拉自动位置？

Question

我有一个带有下拉菜单的垂直菜单，该菜单与Bootstrap 3配合得非常好，但是昨天我决定移至Bootstrap4。从那时起，一个烦人的问题就出现了：Bootstrap 4 js在下拉菜单中添加了带有位置的CSS代码：< / p>

display: block;
position: absolute;
will-change: transform;
top: 0px;
left: 0px;
transform: translate3d(5px, -87px, 0px);

我试图通过将标签添加到下拉框来解决此问题：

data-diplay=static

但这没有帮助。然后，我添加了更多标签：

'data-display'=>'static', 'data-toggle'=>'dropdown' , 'aria-expanded' => 'true', 'aria-haspopup' => 'true', 'data-flip'=>'false', 'data-boundary'=>'', 'aria-expanded'=>'true'

也没有效果。然后，我在js中找到了一些建议的解决方案，因此，我在js代码中添加了以下内容：

Popper.Defaults.modifiers.computeStyle.gpuAcceleration = false;
Popper.Defaults.modifiers.computeStyle.enabled = false;

那也无济于事：(如前所述，位置会自动添加到下拉菜单中。

这个问题有解决方案吗？