How to place all columns in one line, if the number of columns is variable?

Question

css

Good afternoon. I use bootstrap 4. There is such a catch.
row contains columns. On some screen resolutions, they should be on one line. The problem is that there can be 3 or 4 of them, depending on the account. With the mobile version, everything is easy, write col-12 for each column. But what about other permissions? Columns should be on one line, but there can be 3 or 4 of them. A simple "sol" is not suitable, because the contents of the columns look clumsy when there are 4 of them.
Is there any humane solution in CSS, without using JS?

Answer 1

did not quite understand the logic of the question, but you can play around with col-md-6 col-lg-3. Pick what you need.

Answer 2

css grid=minmax