Bootstrap 4 aria扩展=";假;在引导模板中不工作
我已经下载了这个模板 其中有一个叫做cards.html的页面 该页上有一个可折叠卡片示例。我正在尝试获取它,以便它加载时折叠,用户必须展开它。因此,我将此部分更改为: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
<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"