无法使 bootstrap 垂直图像对齐正常工作

Question

我目前正在一个网站上工作，我正在使用 bootstrap 3. 我想做的是垂直对齐一些不同大小的图像。它们似乎与顶部对齐，但我想将它们居中。

这里有一张图片可以让你更好地理解：https://imgur.com/AZERxE4

我试过这样的事情：
这个：https://medium.com/wdstack/bootstrap-4-vertical-center-1211448a2eff
还有这个：https://mdbootstrap.com/docs/jquery/utilities/vertical-align/

None 虽然有效。

最好的解决方案似乎是更新到 bootstrap 4，但我担心我会破坏我的整个网站...

Answer 1

关于我的评论，我发布了一个答案。

.image-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-container img {
  margin: 5px;
}

<div class="image-container">
  <img src="https://via.placeholder.com/150X75">
  <img src="https://via.placeholder.com/150X100">
  <img src="https://via.placeholder.com/150X45">
</div>

无法使 bootstrap 垂直图像对齐正常工作

Can't get bootstrap vertical image alignment to work

css

vertical-alignment

twitter-bootstrap