I'm new to coding, only been at it for about a week and a half, and still struggling. My issue is setting up text underneath my thumbnails as shown below. While the code alone won't make it look right, I know this should be an easy fix. I need to display a name under each thumbnail, and I've been stuck on this for what feels like forever. I've been using Bootstrap to put everything together, but just can't figure this out! Any ideas?
<div class="row">
<div class="top-listings">
<div class="col-md-3">
<a href="http://www.mp4upload.com/knx8txszxvhc">
<img width="80%" style="max-height:10%" src="http://vignette2.wikia.nocookie.net/onepunchman/images/c/c9/One_Punch_Man_TV_Anime_Key_Visual.jpg/revision/latest?cb=20150311173301.jpg" alt="Naruto Shippudden" />
</a>
<p>Thumbnail Name</p>
</div>
(Repeat similar code for other thumbnails)
</div>
</div><!-- /.container -->
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="text-center">
<a href="#">
<img src="http://s3-media3.fl.yelpcdn.com/bphoto/yhFlDqlSi6BE8L7eU1P8OA/ls.jpg" width="35" height="35" alt="google" />
Copyright © 2015. Powered by Zewa Design. All Rights Reserved.
</a>
</div>
</div>
</div>
</div>
</div>