How to implement this in bootstrap 5?

Question

css

In general, I don’t even know how to explain, it is necessary that there is 1 large block on the right, and on the left at the same level there are three small blocks along the entire length of the 1st large one. You can do it through a div in which to put 3 small blocks, but then there may be problems with adaptation, what is the best way to do it?

Answer 1

By clicking on the right button, move the last element to the position of the first, and all the rest one position back. z-indexDon't forget about transition. By clicking on the left, it's the other way around. You don't need any third-party sliders here. You write all the positions in css, you have five of them. Then on js you set the desired class for each element and they will move by themselves.

Answer 2

very simple, you open one div for the whole line, then two for each column and in the right one you make two more one under the other, but make the numbers with a negative indent. This is if you will make up the numbers separately from the sneaker.