Проблемы с использованием Card-img-overlay со столбцами карточек ⇐ Html

[Anonymous]

Я использую Bootstrap 4.4 для создания столбца карточки:

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

Problems using Card-img-overlay with card-columns

[*]







[img]https://source.unsplash.com/user/erondu/1920x1080[/img]

[h4]Card Title[/h4]
Subtítulo do cartão
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien dui, feugiat et lorem quis, fringilla maximus nisl. Vivamus sed est pulvinar, aliquet purus ut, dictum elit.
Leia mais




Cabeçalho do cartão

[h4]Título do cartão[/h4]
Subtítulo do cartão
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien dui, feugiat et lorem quis, fringilla maximus nisl. Vivamus sed est pulvinar, aliquet purus ut, dictum elit.
Leia mais




Cabeçalho do cartão

[h4]Título do cartão[/h4]
Subtítulo do cartão
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien dui, feugiat et lorem quis, fringilla maximus nisl. Vivamus sed est pulvinar, aliquet purus ut, dictum elit.
Leia mais




[h4]Título do cartão[/h4]
Subtítulo do cartão
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien dui, feugiat et lorem quis, fringilla maximus nisl. Vivamus sed est pulvinar, aliquet purus ut, dictum elit.
Leia mais




[list]

Link 1

[*]
Link 2

[*]
Link 3

[/list]

[h4]Título do cartão[/h4]
Subtítulo do cartão
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien dui, feugiat et lorem quis, fringilla maximus nisl.  Vivamus sed est pulvinar, aliquet purus ut, dictum elit.
Leia mais




Cabeçalho do cartão

[h4]Título do cartão[/h4]
Subtítulo do cartão
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien dui, feugiat et lorem quis, fringilla maximus nisl. Vivamus sed est pulvinar, aliquet purus ut, dictum elit.
Leia mais

Проблема связана с картой, которую я использую Card-img-overlay. Когда экран имеет более высокое разрешение, отображение происходит так, как ожидалось:




Когда экран меньше:




Часть мяса и его содержимого опущены. Я попробовал отступ сверху, но это работает неправильно.

Кроме того, мне не удается подогнать изображение по размеру. Я попытался увеличить изображение по вертикали, но все, что мне удалось получить, это то, что карточка занимает пространство, соответствующее высоте изображения.

Как предотвратить наложение содержимого на другую карточку? и чтобы изображение всегда занимало все пространство карты?

Подробнее здесь: https://stackoverflow.com/questions/600 ... rd-columns