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

[Anonymous]

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

ref: https://getbootstrap.com/docs/5.3/layou ... cksобразно Br />

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

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