html - Create gallery bootstrap -

i want display kind of gallery, maximum 2 images per row, description of image beneath every image, need responsive, i'm not expert bootstrap, code:

<div class="container"> <div class="row">                 <div class="col-md-6">  <a href="/apps/online" > <img src="~/images/aviation.jpg" style="max-height:300px;max-width:300px;" class="img-responsive" /> aviation</a></div>         <div class="col-md-6"> <a href="/apps/printable" > <img src="~/images/international_photo.jpg" style="max-height:300px;max-width:300px;" class="img-responsive" /> international</a></div>         <div class="col-md-6">  <a href="/apps/online"> <img src="~/images/ship.jpg" style="max-height:300px;max-width:300px;" class="img-responsive" /> marine</a> </div>         <div class="col-md-6"> <a href="/apps/printable" > <img src="~/images/longshore.jpg" style="max-height:300px;max-width:300px;" class="img-responsive" /> wc/longshore</a> </div>        </div> 

with code above i'm getting images of different sizes , not organized responsive dessign this:

    image                  image   name_of_image          name_of_image       image                  image   name_of_image          name_of_image 

how using existing thumbnail-class? http://getbootstrap.com/components/#thumbnails-custom-content

<div class="row">   <div class="col-md-6">     <div class="thumbnail">       <img src="..." alt="...">       <div class="caption">         text here       </div>     </div>   </div>   <div class="col-md-6">     <div class="thumbnail">       <img src="..." alt="...">       <div class="caption">         text here       </div>     </div>   </div> </div>