Bootstrap 4 - 多项目轮播响应

Question

我尝试并尝试通过 Internet 修改带有多个项目的轮播示例，但它们似乎都不适用于 bootstrap 4。

我有 5 张 250x120 的图像，我希望能够在容器 div 内显示带有 4 张图像的轮播（没有图像流动，只是一直固定大小），当我调整到更小的屏幕空间时，只能显示 3 个，然后是 2 个，小型手机只能显示 1 个...一次旋转一个...这很难吗？请帮助，我是新手...

Answer 1

将 .d-none 类添加到 3 您不想在小屏幕上显示的轮播项目。然后将 d-block-sm、d-block-md 和 d-block-lg 添加到您要在相应屏幕上显示的项目。