html - 我怎样才能有一个带有引导程序的水平滚动元素？

Question

我有这个：

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

我有：

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

我试过了：

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

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

标签： htmlbootstrap-4horizontal-scrolling

Answer 1

试试下面提到的片段：

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