将 flickity 与 bootstrap 4 一起用于水平卡片滚动（响应式）

Question

任何人都可以提供一个这样的例子，或者至少是 bootstrap 4 中轻快的成功例子吗？我正在尝试在一种轮播中制作一个水平的卡片列表。我想一次滚动三个。使用 flickity 似乎很有趣，但我在 bootstrap 中遇到了各种各样的问题 4. 卡片的大小不会相同，或者会消失。我尝试在有和没有 row/col 类（网格）的情况下使用它，只是遇到了不同的问题。这有点类似于我想要实现的，除了滚动条： 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

将 flickity 与 bootstrap 4 一起用于水平卡片滚动（响应式）

Using flickity with bootstrap 4 for horizontal cards scrolling (responsive)

css

flickity

bootstrap-4