如何使用带有引导程序的水平可滚动元素？

Question

我有这个：

这就是我所拥有的-我不希望图标包含2行。

我有：

<li class="list-group-item participants-grouping-li">
  <span class="avatar">....
</li>

我尝试过：

.participants-grouping-li {
  overflow-x: scroll;
}

但是没有骰子。我想念什么？显然，我正在致力于使此移动设备友好。

Answer 1

尝试下面提到的代码段：

.participants-grouping-li {
  overflow-x: scroll;
  white-space: nowrap;
}