css - 使用 flickity 和 bootstrap 4 进行水平卡片滚动（响应式）

Question

任何人都可以提供一个这样的例子，或者至少是 bootstrap 4 中轻弹的成功例子吗？我正在尝试在一种轮播中制作一张水平的卡片列表。我想一次滚动浏览它们三个。使用flickity似乎很有趣，但我在 bootstrap 4 中这样做时遇到了各种各样的问题。卡片的大小不会相同，或者会消失。我尝试在有和没有行/列类（网格）的情况下使用它，只是遇到了不同的问题。这与我想要实现的有点相似，除了滚动条： https ://www.codeply.com/go/PF4APyGj7F

Answer 1

您可以隐藏滚动条。这是隐藏滚动条的代码：-

::-webkit-scrollbar { 
    display: none; 
}

Answer 2

在深入研究了我的问题后，我在 Flickity 的 github 上进行了询问，有人能够为我提供一个有效的 BS4 示例。所以从那里我知道可以将这个插件与 BS4 一起使用。我只需要找出我做错了什么。 https://github.com/metafizzy/flickity/issues/742