<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<figure class="snip1543">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample108.jpg" alt="sample108" />
<figcaption>
<h3>Inverness McKenzie</h3>
<p>The only skills I have the patience to learn are those that have no real application in life.</p>
</figcaption>
<a href="#"></a>
</figure>
<figure class="snip1543 hover"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample100.jpg" alt="sample100" />
<figcaption>
<h3>Alan Fresco</h3>
<p>The real fun of living wisely is that you get to be smug about it.</p>
</figcaption>
<a href="#"></a>
</figure>
<figure class="snip1543"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample101.jpg" alt="sample101" />
<figcaption>
<h3>Indigo Violet</h3>
<p>But Calvin is no kind and loving god! He's one of the old gods! He demands sacrifice! </p>
</figcaption>
<a href="#"></a>
</figure>
<script>
/* Demo purposes only */
$(".hover").mouseleave(
function() {
$(this).removeClass("hover");
}
);
</script>
