如何在bootsrap 4上添加活动类和删除现有活动类折叠

在Bootstrap 4中，您可以通过使用JavaScript来添加和删除活动类（active class）以实现折叠效果。

要添加活动类，您可以使用以下代码：

document.getElementById("yourElementId").classList.add("active");

这将给指定的元素添加活动类。

要删除现有活动类，您可以使用以下代码：

document.getElementById("yourElementId").classList.remove("active");

这将从指定的元素中移除活动类。

请注意，上述代码中的"yourElementId"应替换为您要添加或删除活动类的元素的实际ID。

关于Bootstrap 4的折叠组件（Collapse Component），它可以在页面上创建一个可折叠的区域。当点击某个触发器时，相关内容将展开或折叠。要在Bootstrap 4中使用折叠组件，您需要遵循以下步骤：

1. 创建一个触发器按钮或链接，用于控制折叠的展开和折叠：

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#yourCollapseId">
  点击展开/折叠
</button>

上述代码中的"yourCollapseId"应替换为要控制的折叠内容的实际ID。

1. 创建一个包含要折叠的内容的容器，并设置唯一的ID和折叠类：

<div id="yourCollapseId" class="collapse">
  折叠的内容在这里
</div>

上述代码中的"yourCollapseId"应与触发器按钮或链接中的"data-target"属性值匹配。

1. 添加所需的Bootstrap CSS和JavaScript文件到您的页面：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>

通过以上步骤，您可以在Bootstrap 4上成功地添加活动类和删除现有活动类以实现折叠效果。

对于更多关于Bootstrap 4的折叠组件以及其他组件的详细信息，请参考腾讯云的Bootstrap 4文档： Bootstrap 4