<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <br> <div class="container well well-sm"> <center> <!-- FIRST ROW --> <div class="row"> <img src="http://lorempixel.com/output/abstract-h-c-147-153-8.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/abstract-h-c-147-153-1.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/abstract-h-c-147-153-7.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/abstract-h-c-147-153-3.jpg" width="140" height="140" border="0" class="img-circle"> </div> <p></p> <!-- SECOND ROW --> <div class="row"> <img src="http://lorempixel.com/output/transport-h-c-147-153-1.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/transport-h-c-147-153-7.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/transport-h-c-147-153-9.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/transport-h-c-147-153-10.jpg" width="140" height="140" border="0" class="img-circle"> <p></p> </div> <!-- THIRD ROW --> <div class="row"> <img src="http://lorempixel.com/output/nature-h-c-147-153-8.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/nature-h-c-147-153-7.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/nature-h-c-147-153-4.jpg" width="140" height="140" border="0" class="img-circle"> <img src="http://lorempixel.com/output/nature-h-c-147-153-10.jpg" width="140" height="140" border="0" class="img-circle"> </div> </center> </div>