Bootstrap 4 如何使用Bootstrap 4 collapse元素修复双重渲染问题

Bootstrap 4 如何使用Bootstrap 4 collapse元素修复双重渲染问题,bootstrap-4,collapse,Bootstrap 4,Collapse,我想为Bootstrap 4 collapse元素的内容设置动画,但是我得到了一个双渲染-一个未设置动画,然后是动画渲染。我尝试过的其他引导元素不会出现这种情况。只有塌陷元素 是否有办法修复此问题,使其在应用动画之前不会渲染?修改了选择器以包含“折叠”。似乎适合我的需要 .collapsing, .collapse { animation: opacity 1s, border 4s; animation-fill-mode: both; }

我想为Bootstrap 4 collapse元素的内容设置动画,但是我得到了一个双渲染-一个未设置动画,然后是动画渲染。我尝试过的其他引导元素不会出现这种情况。只有塌陷元素


是否有办法修复此问题,使其在应用动画之前不会渲染?

修改了选择器以包含“折叠”。似乎适合我的需要

.collapsing,
.collapse {
  animation: opacity 1s, border 4s;
  animation-fill-mode: both;
}