<script src="http://code.jquery.com/jquery.min.js"></script>

<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />

<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>

​

​

<div class="container">

<ul class="thumbnails" id="hover-cap"> <!-- add id attr to thumbnail list -->

<li class="span3">

<div class="thumbnail">

<div class="caption">

<h4>Caption Title</h4>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>

<p><a href="#" class="btn btn-inverse" rel="tooltip" title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="Visit Website" class="btn btn-inverse"><i class="icon-share"></i></a></p>

</div>

<img src="http://s7.pikabu.ru/post_img/2014/06/14/7/1402739447_1456930066.jpg" alt="ALT TITS">

</div>

<h4>Item Name</h4>

</li>

...

more li elements

...

</ul>

</div>