对齐Bootstrap响应图像下方的标题

Question

我正在使用Bootstrap并在主页上工作。我希望在页面上（在流体容器中）有一个横幅，其中包含一个包含三个项目的图像。我想为每个项目（下面）设置一个标题，但如果横幅图像具有响应性和流畅性，我不确定如何对齐它。见下图：

所以我需要文本始终位于横幅中所示的三个项目下面。什么是最好（最干净）的方法呢？

编辑：这是一个小提琴。 http://www.bootply.com/0n433n0oFE 如您所见，当我缩小屏幕宽度时，图像不会垂直扩展以容纳左侧的长文本。