Как я могу иметь горизонтальный прокручиваемый элемент с начальной загрузкой?

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;
}