Bootstrap 4 折叠组件

折叠组件可用于实现内容的显示和隐藏

基本的折叠

Bootstrap 提供了和 .collapse 实现折叠效果

属性则将折叠标题和折叠内容联系起来

<button >="collapse" >="#demo">折叠的标题</button>
<div id="demo" class="collapse">
要折叠的内容
</div>

<a href="#demo" >="collapse">折叠的标题</a>

<div id="demo" class="collapse">
折叠的内容
</div>

默认情况下折叠的内容是隐藏的，添加 .show 可以让内容默认显示

<a href="#demo" >="collapse">折叠的标题</a>

<div id="demo" class="collapse show">折叠的内容</div>

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！