"Thumbnails like Bootsnipp"
Bootstrap 2.3.2 Snippet by msurguy

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <ul class="thumbnails"> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/320x200" alt="ALT NAME"> <div class="caption"> <h3>Header Name</h3> <p>Description</p> <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p> </div> </div> </li> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/320x200" alt="ALT NAME"> <div class="caption"> <h3>Header Name</h3> <p>Description</p> <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p> </div> </div> </li> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/320x200" alt="ALT NAME"> <div class="caption"> <h3>Header Name</h3> <p>Description</p> <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p> </div> </div> </li> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/320x200" alt="ALT NAME"> <div class="caption"> <h3>Header Name</h3> <p>Description</p> <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p> </div> </div> </li> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/320x200" alt="ALT NAME"> <div class="caption"> <h3>Header Name</h3> <p>Description</p> <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p> </div> </div> </li> <li class="span4"> <div class="thumbnail"> <img src="http://placehold.it/320x200" alt="ALT NAME"> <div class="caption"> <h3>Header Name</h3> <p>Description</p> <p align="center"><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p> </div> </div> </li> </ul> </div> </div>

Related: See More

Simple login form - Bootsnipp style colorgraph
Video list thumbnails
Thumbnails like Bootsnipp - BS 3

Featured Templates

Questions / Comments:

ID doesn't work, I have got right margin on the first row and double margin on the second row.

marko () - 5 years ago - Reply 0

I've got the same problem. Does anybody know how to fix it?

Matheus Santana () - 5 years ago - Reply 0

put them inside
containter class

cocoy patpatin () - 5 years ago - Reply 0

Didn't work for me.

Matheus Santana () - 5 years ago - Reply 0

could you post a screenshot somewhere? or a JSfiddle?

maxsurguy () - 5 years ago - Reply 0

http://jsfiddle.net/Q5yNf/

Logan () - 5 years ago - Reply 0