"Thumbnails like Bootsnipp"
Bootstrap 2.3.2 Snippet by msurguy

<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>

Questions / Comments:

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

marko (0) - 4 years ago - Reply 0


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

Matheus Santana (0) - 4 years ago - Reply 0


put them inside
containter class

cocoy patpatin (0) - 4 years ago - Reply 0


Didn't work for me.

Matheus Santana (0) - 4 years ago - Reply 0


could you post a screenshot somewhere? or a JSfiddle?

maxsurguy (0) - 4 years ago - Reply 0


Logan (0) - 4 years ago - Reply 0


Related: See More