Bootstrap 4 aria扩展=";假;在引导模板中不工作

Bootstrap 4 aria扩展=";假;在引导模板中不工作,bootstrap-4,Bootstrap 4,我已经下载了这个模板 其中有一个叫做cards.html的页面 该页上有一个可折叠卡片示例。我正在尝试获取它,以便它加载时折叠,用户必须展开它。因此,我将此部分更改为: <div class="card shadow mb-4"> <!-- Card Header - Accordion --> <a href="#collapseCardExample" class="d-block card-header py-3" data-toggle="collapse

我已经下载了这个模板

其中有一个叫做cards.html的页面

该页上有一个可折叠卡片示例。我正在尝试获取它,以便它加载时折叠,用户必须展开它。因此,我将此部分更改为:

<div class="card shadow mb-4">
<!-- Card Header - Accordion -->
<a href="#collapseCardExample" class="d-block card-header py-3" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="collapseCardExample">
  <h6 class="m-0 font-weight-bold text-primary">Collapsable Card Example</h6>
</a>
<!-- Card Content - Collapse -->
<div class="collapse show" id="collapseCardExample">
  <div class="card-body">
    This is a collapsable card example using Bootstrap's built in collapse functionality. <strong>Click on the card header</strong> to see the card body collapse and expand!
  </div>
</div>
</div>
但我弄错了


为什么它仍然以扩展的方式加载?

引导不依赖于
aria
东西,它使用自己的
数据
属性。(
aria
用于屏幕阅读器


要隐藏它,请从
collapseCardExample
中删除
show
类。请参见引导不依赖于
aria
事物,它使用自己的
数据
属性。(
aria
用于屏幕阅读器)

要隐藏它,请从
collapseCardExample
中删除
show
类。请参见

谢谢…!!我将“折叠显示”改为“折叠”,效果很好。:-)谢谢…!!我将“折叠显示”改为“折叠”,效果很好。:-)
aria-expanded="true"