Twitter bootstrap 如何使用引导在图像下添加文本？

我有一个模板，我正试图配置，我不知道很多关于引导，但我慢慢地得到它，因为我的研究。我试图在不偏移底部图像的情况下，在每个图像下放置文本。（第一次发布我的noob）

项目
发明者amet quaerat在esse的劳动场所的流动性的自由时间重复
你好

尝试在列div中添加此

div

：

<div class="carousel-caption">
    <h3>Example headline.</h3>
</div>

---

您可以使用填充或标题标记使其尽可能大，并将其放置在您想要的位置

请重新设置问题的格式以使其更具可读性（屏幕截图部分之后）。当您将文本设置为所有图像时，它是否适合？喜欢你不想那样。。你的期望是什么？

<div class="carousel-caption">
    <h3>Example headline.</h3>
</div>

<div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate">
                    <a href="images/work_1.jpg" class="image-popup">
                        <div class="fh5co-overlay-text">Project no. 1</div>
                        <div class="fh5co-overlay"></div>
                        <img src="images/work_1.jpg" alt="Free HTML5 Template" class="img-responsive">
                    </a>
<div class="carousel-caption">
    <h3>Example headline.</h3>
</div>
                </div>