how to create thumbnails using bootstrap?
ReportQuestion
2 years ago 740 views
Bootstrap's thumbnails are used to show linked images in grids with very minimum required markup, a thumbnail is created using class .thumbnail within the element <a>, The column grids are created using class .col-sm-* and .col-md-*, it is used to create grids of the images
<h3>Bootstrap thumbnails</h3>
<div class="row">
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="apple.jpg" style="height:100px;" />
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="mango.png" style="height:100px;" />
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="gauva.jpg"style="height:100px;" />
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="pomegranate.jpg"style="height:100px;" />
</a>
</div>
</div>
Thread Reply