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

[Anonymous]

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

Разрушение столбцов на новую линию в Flexbox требует небольшого взлома: добавьте элемент с шириной: 100%, где вы хотите завершить свои столбцы в новый LINE.

ref: https://getbootstrap.com/docs/5.3/layou ... olumn-raks
Я также попробовал следующее, но не работаю.

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

w-100 d-block d-sm-block d-md-none< /code>
col-12 d-block d-md-none

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

























< /code>




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