html - 产品轮播，在手机上展示一件商品

Question

我想使用一个引导片段，但我需要它有点不同。

我希望它在小屏幕上显示一个项目，但它显示如下几个项目：

如何更改代码以满足我的意愿？（我希望在桌面模式下每行 4 个项目，在移动模式下每行 1 个项目）

谢谢

片段预览

片段 HTML 文件

标签： htmlcsstwitter-bootstrap

Answer 1

使用这个 CSS

.carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        display: inline-flex;
        height: 320px;
    }