Html 引导水平滚动的图像行

我试图让一行带有背景图像的div水平滚动，就像Netflix样式的列表一样。我写了以下内容：

CSS:

但我无法让它水平溢出，从而左右滚动

我正在为我的框架使用Bootstrap3

---

我试着从另一个堆栈问题来做这件事，但它对我也不起作用。（）

该技术可行，但您必须在容器上执行此操作：

.cover-container {
    height: 180px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

并且，从项目中删除

float

：

.cover-item {
    display: inline-block;
    ...
}

工作小提琴：

---

.

该技术可行，但您必须在容器上执行此操作：

.cover-container {
    height: 180px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

并且，从项目中删除

float

：

.cover-item {
    display: inline-block;
    ...
}

工作小提琴：