Bootstrap 警报按钮设计已关闭，单击时不会关闭
Bootstrap alert button design is off and doesn't close when clicked
我正在试验 Bootstrap，bootstrap 警报按钮根本不起作用。我所做的只是从 Bootstrap 复制代码：
但是页面显示的是这个？按钮的设计是关闭的，它不工作（不关闭）。我检查了所有内容：alert-dismissible 在那里，按钮有 data-dismiss = 'alert'，但不知何故它不起作用。我包含的脚本是 Bootstrap 捆绑版本。
您更改了示例的一小部分：您的 data-dismiss 应该是 data-bs-dismiss 并且按钮上的 class 应该是 btn-close 而不是 close:
<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，其中可关闭的警报应类似于上面的示例。
我正在试验 Bootstrap，bootstrap 警报按钮根本不起作用。我所做的只是从 Bootstrap 复制代码：
但是页面显示的是这个？按钮的设计是关闭的，它不工作（不关闭）。我检查了所有内容：alert-dismissible 在那里，按钮有 data-dismiss = 'alert'，但不知何故它不起作用。我包含的脚本是 Bootstrap 捆绑版本。
您更改了示例的一小部分：您的 data-dismiss 应该是 data-bs-dismiss 并且按钮上的 class 应该是 btn-close 而不是 close:
<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，其中可关闭的警报应类似于上面的示例。