https://github.com/blueimp/Gallery

<script>
$(document).ready(function(){
	
	var options = {
		
	}
	
});
</script>
<div id="links">
	<div class="row">
		<div class="col-xs-3">
            <a href="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg">
                <img src="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg" class="img-responsive">
            </a>
        </div>
        <div class="col-xs-3">
            <a href="http://imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg">
                <img src="http://imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg" class="img-responsive">
            </a>
        </div>
        <div class="col-xs-3">
            <a href="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg">
                <img src="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg" class="img-responsive">
            </a>
        </div>
        <div class="col-xs-3">
            <a href="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg">
                <img src="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg" class="img-responsive">
            </a>
        </div>
        <div class="col-xs-3">
            <a href="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg">
                <img src="http://asia.olympus-imaging.com/products/dslr/e520/sample/images/sample_03.jpg" class="img-responsive">
            </a>
        </div>
    </div>
</div>