How to add text under image with bootstrap?
<p>I have a template I'm trying to config, I don't know much about bootstrap but I'm slowly getting it as I research. I'm trying to put text under each image without offsetting the images on the bottom. (first time posting so excuses my noob)</p>

<p><a href="https://i.stack.imgur.com/GWrcc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GWrcc.png" alt="enter image description here"></a></p>

<pre><code>&lt;div class="container" id="projects-animate"&gt;
    &lt;div class="row row-padded"&gt;
        &lt;div class="col-md-3"&gt;
            &lt;h2 class="fh5co-section-heading to-animate"&gt;Projects&lt;span class="fh5co-border"&gt;&lt;/span&gt;&lt;/h2&gt;
                &lt;p class="to-animate"&gt;Libero velit fugit blanditiis tempora repellat iste inventore amet quaerat ex aliquid sint labore placeat esse.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="col-md-8 col-md-push-1"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate"&gt;
                    &lt;a href="images/work_1.jpg" class="image-popup"&gt;
                        &lt;div class="fh5co-overlay-text"&gt;Project no. 1&lt;/div&gt;
                        &lt;div class="fh5co-overlay"&gt;&lt;/div&gt;
                        &lt;img src="images/work_1.jpg" alt="Free HTML5 Template" class="img-responsive"&gt;
                    &lt;/a&gt;
                    &lt;div class="caption" class="col-md-3"&gt;&lt;p&gt;HELLLO&lt;/p&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate"&gt;
                    &lt;a href="images/work_2.jpg" class="image-popup"&gt;
                        &lt;div class="fh5co-overlay-text"&gt;Project no. 2&lt;/div&gt;
                        &lt;div class="fh5co-overlay"&gt;&lt;/div&gt;
                        &lt;img src="images/work_2.jpg" alt="Free HTML5 Template" class="img-responsive"&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate"&gt;
                    &lt;a href="images/work_3.jpg" class="image-popup"&gt;
                        &lt;div class="fh5co-overlay-text"&gt;Project no. 3&lt;/div&gt;
                        &lt;div class="fh5co-overlay"&gt;&lt;/div&gt;
                        &lt;img src="images/work_3.jpg" alt="Free HTML5 Template" class="img-responsive"&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate"&gt;
                    &lt;a href="images/work_4.jpg" class="image-popup"&gt;
                        &lt;div class="fh5co-overlay-text"&gt;Project no. 4&lt;/div&gt;
                        &lt;div class="fh5co-overlay"&gt;&lt;/div&gt;
                        &lt;img src="images/work_4.jpg" alt="Free HTML5 Template" class="img-responsive"&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate"&gt;
                    &lt;a href="images/work_5.jpg" class="image-popup"&gt;
                        &lt;div class="fh5co-overlay-text"&gt;Project no. 5&lt;/div&gt;
                        &lt;div class="fh5co-overlay"&gt;&lt;/div&gt;
                        &lt;img src="images/work_5.jpg" alt="Free HTML5 Template" class="img-responsive"&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="col-md-5 col-sm-5 col-xs-6 col-xxs-12 fh5co-project to-animate"&gt;
                    &lt;a href="images/work_6.jpg" class="image-popup"&gt;
                        &lt;div class="fh5co-overlay-text"&gt;Project no. 6&lt;/div&gt;
                        &lt;div class="fh5co-overlay"&gt;&lt;/div&gt;
                        &lt;img src="images/work_6.jpg" alt="Free HTML5 Template" class="img-responsive"&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>