<div class="container">
<div id="accordion">
<div class="card">
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#collapseOne">
选项一
</a>
</div>
<div id="collapseOne" class="collapse show" data-parent="#accordion">
<div class="card-body">
#1 内容:菜鸟教程 -- 学的不仅是技术,更是梦想!!!
</div>
</div>
</div>
</div>
</div>
注意这里的重点:
1.最外面一定要加上container的属性
2.点击的a标签的href一定要是下面展开内容的id属性值
3.a标签的data-toggle一定要是collapse
4.一定要写上card-header包裹链接
5.card-body包裹卡牌展开的内容
6.一定要将一个外面的div的class设为card