<div class="row">
<div class="col-md-3">
<div>
<a href="#">
<img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
</a>
</div>
</div>
<div class=" col-md-3">
<div>
<a href="#">
<img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
</a>
</div>
</div>
<div class="col-md-3" >
<div>
<a href="#">
<img src="https://i.ytimg.com/vi/kpvKA0vhaT0/maxresdefault.jpg" class="rounded img-thumbnail img-responsive">
</a>
</div>
</div>
Lo que quiero hacer es que las 3 imagenes aparezcan centradas en la pagina. Como se puede hacer?