Bootstrap 4中collapsed类的含义及具体作用是什么？

collapsed 是 Bootstrap 折叠/手风琴组件配套的状态标识类，它不参与组件核心交互逻辑，所以你移除它之后，手风琴的展开、收起功能依然可以正常运行。

它的核心作用有两个：

• 标识面板初始状态：给折叠触发元素（如示例中的按钮）添加 collapsed 类，代表其绑定的折叠面板初始状态为收起。如果面板默认是展开状态，触发元素上默认不会带有这个类。Bootstrap的折叠组件JS在运行时也会自动根据面板的展开/收起状态，动态增删触发元素上的collapsed类，不需要开发者手动维护。
• 作为自定义样式钩子：这是它最常用的价值，开发者可以直接通过CSS选择器匹配带collapsed类和不带collapsed类的触发元素，分别设置不同的样式，最常见的场景就是切换箭头图标：收起状态（带collapsed类）显示向右箭头，展开状态（不带collapsed类）显示向下箭头，不需要额外写JS逻辑控制样式切换。

注意不要将它和data-toggle="collapse"属性混淆：data-toggle="collapse"是Bootstrap识别折叠触发元素的核心属性，缺少该属性时，折叠组件的交互会直接失效，和仅做状态标识的collapsed类功能完全不同。

内容的提问来源于stack exchange，提问作者mashtock