我怎样才能拥有带有 bootstrap 的水平可滚动元素？

Question

我有这个：

这就是我所拥有的 - 我不希望图标分两行。

我有：

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

我试过了：

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

但是没有骰子。我错过了什么？显然，我正专注于让这款手机更友好。

Answer 1

尝试 below-mentioned 片段：

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