By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.
<a href="#" class="thumbnail"> <img class="img-responsive" src="images/projects/thumbs/print1.jpg" alt="Thumbnail"> </a>
<a href="#" class="thumbnail br-50"> <img class="img-circle img-responsive" src="images/projects/thumbs/print1.jpg" alt="Thumbnail"> </a>
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.
<!--=== Custom Content ===--> <div class="row"> <!--=== Content 1 ===--> <div class="col-sm-4"> <div class="thumbnail custom-content"> <a href="#"><img src="images/projects/thumbs/print3.jpg" alt="..."></a> <div class="caption"> <h4><a href="single-post.html">Raleway launches template, yay</a></h4> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.</p> <p><a href="#" class="btn btn-rw btn-primary" role="button">View post</a></p> </div> </div><!-- /thumbnail --> </div><!-- /column --> <!--=== Content 2 ===--> <div class="col-sm-4"> <div class="thumbnail custom-content"> <a href="#"><img src="images/projects/thumbs/web2.jpg" alt="..."></a> <div class="caption"> <h4><a href="single-post.html">We bought all this crazy stuff</a></h4> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.</p> <p><a href="#" class="btn btn-rw btn-primary" role="button">View post</a></p> </div> </div><!-- /thumbnail --> </div><!-- /column --> <!--=== Content 3 ===--> <div class="col-sm-4"> <div class="thumbnail custom-content"> <a href="#"><img src="images/projects/thumbs/illustration1.jpg" alt="..."></a> <div class="caption"> <h4><a href="single-post.html">Here Raleway was at the beach</a></h4> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non.</p> <p><a href="#" class="btn btn-rw btn-primary" role="button">View post</a></p> </div> </div><!-- /thumbnail --> </div><!-- /column --> </div><!-- /row --> <!--=== End Custom Content ===-->
<img src="images/projects/thumbs/print2.jpg" class="img-responsive shadow1"> <img src="images/projects/thumbs/print2.jpg" class="img-responsive shadow2"> <img src="images/projects/thumbs/print2.jpg" class="img-responsive shadow3">