Bootstrap 5 justify-content-center не работает с дочерним элементом div с гибкой оберткой ⇐ CSS

[Anonymous]

Я хочу, чтобы карточки на моей веб-странице переносились слева направо, когда на странице заканчивается горизонтальное пространство. Если я использую justify-content-center с flex-wrap напрямую (в том же div), тогда карточки центрируются на странице, как мне хотелось бы, но когда карточка перемещается на новую строку, она располагается в центре, а не в слева.
Чтобы попытаться исправить это, я поместил justify-content-center в другой div, который содержит div flex-wrap, однако, похоже, это вообще не имеет никакого эффекта, и я не могу понять почему. Может кто-нибудь объяснить, почему?
Граница здесь просто в демонстрационных целях. Как вы можете видеть, карты не центрированы в красной рамке. Есть ли простое решение в рамках начальной загрузки?


class="d-flex justify-content-center border border-2 border-danger"
>


{ %>

[url=/card/





[/url]






Подробнее здесь: https://stackoverflow.com/questions/783 ... -flex-wrap