<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="hello"> <div class="aloha"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-6"> <a href="#"> <div class="box"> <img src="http://www.kalolwala.co.in/alfred/assets/img/home.png" class="img-responsive"/> </div> </a> </div> <div class="col-md-2 col-sm-6"> <a href="#"> <div class="box"> <img src="http://www.kalolwala.co.in/alfred/assets/img/home.png" class="img-responsive"/> </div> </a> </div> <div class="col-md-2 col-sm-6"> <a href="#"> <div class="box"> <img src="http://www.kalolwala.co.in/alfred/assets/img/home.png" class="img-responsive"/> </div> </a> </div> <div class="col-md-2 col-sm-6"> <a href="#"> <div class="box"> <img src="http://www.kalolwala.co.in/alfred/assets/img/home.png" class="img-responsive"/> </div> </a> </div> <div class="col-md-2 col-sm-6"> <a href="#"> <div class="box"> <img src="http://www.kalolwala.co.in/alfred/assets/img/home.png" class="img-responsive"/> </div> </a> </div> </div> </div> </div> </div>

.box{ background-color:#ccc; display:table-cell; vertical-align:middle; width:150px; height:150px; } .box img{ width:70px; margin:0 auto; } .hello{ background-color:green; } .container{ background-color:orange; padding-left:11%; } @media (max-width:767px){ }