UPD. Возможно ли сделать это как-то на bootstrap?
Такая проблема: у меня на сайте есть 3 иконки, их нужно всех выровнять в линию между собой. Сделал для каждой картинки контейнер с высотой самой большой картинки, поставил vertical-align: middle, не сработало. Пробовал и разные вариации выравнивания делать, и строчно-блочными divы сделать, все равно они "прилипают" к верху контейнера. Что делать? Может можно это как-то на js реализовать? Код на CodePen
<div class="row align-items-end">
<div class="col-4">
<div class="header-icon">
<div class="header-icon__div"><img src="img/header/icons/delievery.png" alt="delievery"></div>
Доставка по
РФ<br>
от 3-х дней
</div>
</div>
<!-- /.col-4 -->
<div class="col-4">
<div class="header-icon">
<div class="header-icon__div"><img src="img/header/icons/new.png" alt="new">
</div>
Новое состояние<br>
по цене б/у
</div>
</div>
<!-- /.col-4 -->
<div class="col-4">
<div class="header-icon">
<div class="header-icon__div"><img src="img/header/icons/list.png" alt="list">
</div>
Наличие более 500<br>
различных деталей
</div>
</div>
<!-- /.col-4 -->
</div>
<!-- /.row -->