Bootstrap Simple Responsive Image Gallery



<br/>
	<div class="container">
	<div class="row">
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i633.photobucket.com/albums/uu58/rmhboss/iwantthis2.jpg">
		</div>
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i633.photobucket.com/albums/uu58/rmhboss/iwantthis2.jpg">
		</div>
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i633.photobucket.com/albums/uu58/rmhboss/iwantthis2.jpg">
		</div>		
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i633.photobucket.com/albums/uu58/rmhboss/iwantthis2.jpg">
		</div>	
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i67.photobucket.com/albums/h316/ismail_123456/apniisp_backg_animal_2.jpg">
		</div>
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i635.photobucket.com/albums/uu79/samsdap/108620679632.jpg">
		</div>
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i627.photobucket.com/albums/tt351/animewolf1995/Alaskan-Malamute-Dog.jpg">
		</div>
		<div class="col-md-3 col-sm-4 col-xs-6">
		    <img class="img-responsive" 
		            src="http://i132.photobucket.com/albums/q23/Clogzz/Dogzz/Dog_and_rabbit_2.jpg">
		</div>

		
    </div>
</div>
	<script type="text/javascript">
	
	</script>

            
            



    img {
  filter:brown; /* IE6-9 */
  -webkit-filter:brownscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}