Bootstrap 5.3.x: Почему «W-100 D-Block D-MD-None» не работает, когда я пытаюсь разбить столбец на новую линию? ⇐ Html

[Anonymous]

Я новичок в начальной загрузке и только начал изучать его вчера.
Я пытаюсь создать список изображений, и каждый занимает 4 столбца на средних и больших экранах и занимает 12 столбцов на меньших экранах. < /p>
Однако, когда я пытаюсь изменить размер экрана до меньшего размера (используя панель инструментов для переключения устройства), изображения по -прежнему занимают тот же COL, что и средний экран. < /p>
Code: < /p>

Код: Выделить всё

< /code>
Согласно документации: < /p>

Разрушающие столбцы в новую строку в Flexbox требует небольшого взлома: добавьте элемент С шириной: 100%, где бы вы ни хотели обернуть свои столбцы в новую строку. Layout/Columns/#Breaks 
Я также попробовал следующее, но не работало.
w-100 d-block d-sm-block d-md-none< /code>
col-12 d-block d-md-none

Когда я изменяю d-md-none на d-lg-none , он работает, но я хочу скрыть его, начиная со среды Экран. Неправильно здесь?

Подробнее здесь: https://stackoverflow.com/questions/794 ... y-to-break