Адаптивный CSS в сетке начальной загрузки для складывания адаптивных столбцов для большого, среднего и маленького экрана ⇐ CSS

[Гость]

Каким должно быть сочетание использования md-xl-etc, используемого в классе col в начальной загрузке, чтобы получить следующее адаптивное поведение свертывания?

широкий экран:

+---+-----+---+----+ | А | Х | д | 1 | | Б | Ю | е | 2 | | С | Я | ж | 3 | +---+-----+---+----+ более узкий экран:

+-------+ | А | Х | | Б | Ю | | С | Я | | д | 1 | | е | 2 | | ж | 3 | +-------+ самый маленький экран мобильного телефона:
+---+ | А | | Б | | С | | Х | | Ю | | Я | | д | | е | | ж | | 1 | | 2 | | 3 | +---+