PDA

View Full Version : Horizontal Thumbnails



Shaun
09-07-2012, 11:43 PM
Here's a quick example of how you can do horizontal thumbnails.



<ul class="thumbnails">
<li class="span8">
<div class="thumbnail">
<div class="row-fluid">
<div class="span6">
<img alt="" src="http://placehold.it/260x180">
</div>
<div class="span6 caption">
<h5>Thumbnail label</h5>
<p>A bunch of text will do here so about this thumbnail heading. yep goes right here!</p>
<p><a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a></p>
</div>
</div>
</div>
</li>
<li class="span8">
<div class="thumbnail">
<div class="row-fluid">
<div class="span6">
<img alt="" src="http://placehold.it/260x180">
</div>
<div class="span6 caption">
<h5>Thumbnail label</h5>
<p>A bunch of text will do here so about this thumbnail heading. yep goes right here!</p>
<p><a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a></p>
</div>
</div>
</div>
</li>
</ul>


jsFiddle Example @ http://jsfiddle.net/DHZNv/188/