Bootstrap 4 垂直轮播在 Bootstrap 5 beta 中不起作用

Bootstrap 4 vertical carousel not working in Bootstrap 5 beta

我正在使用 Codeply 的示例构建垂直旋转木马，它与最新的 Bootstrap 4.6 完美配合。但是，当使用 Bootstrap 5 beta 尝试使用相同的垂直旋转木马时，旋转木马示例不起作用。

原版codyply-vertical-carousel-example

Modified forked version 经测试可与 Bootstrap 4.6 最新版本完美配合。

然而，同样的例子不适用于 Bootstrap 5 beta。 The bootstrap 5 version

如有任何帮助，我们将不胜感激。 谢谢

编辑： 为了简单滚动（滑动），只需滑动下面的cards/items，删除slide class。它只会有 clickable 个滑动卡片

Bonus 如果谁能提供滑动动画，默认动画(with slide class) show n click

之后动画之间的项目

我在 Carousel Bootstrap 5 beta 中发现了两个不同的地方：

  1. 在 Carousel 控件中它是 data-bs-slide 而不是 data-slide
  2. 当单击 下一个 箭头时，在轮播项目中添加 class 是 carousel-item-start 而不是 carousel-item-left 当点击 previous arrow added class in carousel item is carousel-item-end not carousel-item-right

Example link