html - 如何在 bootstrap 3 上获得带有标题的缩略图，该缩略图在右侧垂直对齐到中心

Question

我正在制作一个使用 Bootstrap 3 的网站，我需要一行包含 3 列缩略图，并在右侧显示标题。像这样:

所以我的问题是:

• 如何让字幕显示在右侧？

• 如何使文本在缩略图上垂直居中？

• 如果可能的话，我想要你在图片上看到的灰色 wrapper 。

Answer 1

如果您不打算支持 IE8 或更低版本，您可以使用以下规则:

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

这应该应用于您希望在其父项内垂直居中的子项。

source