gpt4 book ai didi

html - Bootstrap 警报按钮设计已关闭,单击时不会关闭

转载 作者:行者123 更新时间:2023-12-05 09:32:17 26 4
gpt4 key购买 nike

我正在尝试使用 Bootstrap,但不知何故,bootstrap 警报按钮根本不起作用。我所做的只是从 Bootstrap 复制代码: enter image description here

但是页面显示的是这个?按钮的设计是关闭的,它不工作(不关闭)。我检查了所有内容:alert-dismissible 在那里,按钮有 data-dismiss = 'alert',但不知何故它不起作用。我包含的脚本是 Bootstrap bundle 版本。 enter image description here

最佳答案

您更改了示例的一小部分:您的 data-dismiss 应该是 data-bs-dismiss 并且按钮上的类应该是 btn-关闭而不是关闭:

<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

Documentation about dismissing

仔细检查后,我注意到您的警报是 Boostrap 4 alert .在您的示例中,您使用 Bootstrap 5 中的 CSS 和 JavaScript,其中可关闭的警报应类似于上面的示例。

关于html - Bootstrap 警报按钮设计已关闭,单击时不会关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68223442/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com