Bootstrap 4.1.1：警报关闭按钮在下拉菜单中不起作用

Question

我在下拉菜单中有一个警报：

<div class="alert alert-success alert-dismissible">
    <p class="text-center m-0">{{ session('authStatus') }}</p>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>

关闭按钮不起作用。但是，如果我将此警报移至关闭</body>关闭上方的页面底部，则可以使用。 Afaik引导程序会扫描dom，并忽略隐藏的元素。如何使关闭按钮与这样的隐藏警报一起工作？