经与示例对比发现,
card-body 标签自带padding属性。这导致collapse,在折叠时发生一下卡顿,或者说停顿一下。 我们加一层div,把card-body,放到子标签内后,就正常了。 下面是改进后的html代码
<div class="card-header"> <h5 class="text-success text-bold">公示: <a href="#collapseOne" type="button" class="btn btn-outline-primary float-end" data-bs-toggle="collapse" >展开内容</a> </h5> </div> <div id="collapseOne" class="collapse"> <div class="card-body"> 这是内容 </div> </div>