Есть ли способ получить последнее изображение компонента card-columns Bootstrap 4 match нижней части макета кладки? Посмотрите мою ссылку Imgur для лучшего понимания того, что я имею в виду.
Как видите, в дизайне дама с кофейной чашкой соответствует дну. В моей попытке у меня есть макет card-columns (установлен на column-count: 2;), но я не получаю ожидаемых результатов. Вот моя структура:
<div class="card-columns">
<div class="card">img 1</div>
<div class="card">img 2</div>
<div class="card">img 3</div>
<div class="card">img 4</div> // problem image
</div>
Все эти изображения имеют width: 100%, и каждое из них занимает все доступное пространство в своих столбцах. Изображения также были предоставлены в точных размерах, которые они должны были быть предоставлены, но я не могу заставить их выглядеть как компиляции дизайна, используя card-columns.
Будет ли в card-columns опция, которая приблизил бы меня или точно соответствовал бы этому дизайну? Нужно ли мне использовать что-то еще, чтобы получить этот макет кладки, используя Bootstrap 4?
Большое спасибо за вашу помощь.