Адаптивная верстка блоков сайта

[rafaello9 0]

Здравствуйте!
Только начинаю делать сайты, прошу помощи в следующем вопросе.
Сайт использует систему сеток bootstrap-4.
На главной странице идет перечень товаров-блоков.
Причем, необходимо сделать так, чтобы при размере экрана >1200
в один ряд было 4 блока,
при размере 768<экрана<1200 было 3 блока в один ряд,
при размере 576<экрана<768 было 2 блока в один ряд и
при размере экрана<576 был один блок в один ряд.
Конечно чтобы блоки занимали максимальную ширину.
И самое главное!
Надо сделать так, чтобы при изменении размера экрана и соответственно
количества блоков в одном ряду переходящие вниз блоки занимали все пустые
места, то есть чтобы не оставалось пробелов из-за разных высот блоков.

Прошу помочь в этом вопросе.

Edited February 27 by rafaello9

[npofopr 426]

Ну дак в документации же всё описано