Skip to content

Instantly share code, notes, and snippets.

@loschke
loschke / Bootstrap-thumbnail-hover-grid.html
Last active Oct 18, 2018
Bootstrap - Thumbnail Hover Caption with Tooltip Blog Article: http://goo.gl/x2GSQ
View Bootstrap-thumbnail-hover-grid.html
<!-- Bootstrap Markup -->
<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>