Honors or badges
Author:
Maks
Snipp created on:
2012-09-19 11:27:28
Description:
Example of honors or badges that the user has earned, class img-circle is used to get the round shape in the browser with CSS instead of cutting each image in Photoshop. Just replace the images with your badges preferrably 60x60 pixels (or play around with the sizing) and remove img-circle class for them.
Snipp preview:
Honors (10)
Snipp HTML code:
Like Bootsnipp? Please give a tip:
<div class="row">
<div class="span3">
<div class="page-header">
<p class="pull-right"><a href="#">see all</a></p>
<h4>Honors <small>(10)</small></h4>
</div>
<div>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
<a href="#"><img src="http://placehold.it/60x60" class="img-circle"></a>
</div>
</div>
</div>
Share this snipp:
Tweet