codice:
  <div class="container-fluid">    <h1 class="bg-primary">La Galleria di foto</h1>
    <div class="row">
      <div class="col-sm-12 col-md-4">
        <img src="http://lorempixel.com/200/150/cats" alt="" class="img-responsive img-rounded"></div>
      <div class="col-sm-12 col-md-4">
        <img src="http://lorempixel.com/200/200/cats" alt="" class="img-responsive img-circle"></div>
      <div class="col-sm-12 col-md-4">
        <img src="http://lorempixel.com/400/200/cats" alt="" class="img-responsive img-thummbnail"></div>
  </div>
</div>
Ecco il codice:
Con un media query messo nel proprio foglio di stile, come si f� ad avere le immagini perfettamente centrate alla rottura del layout a 992px esempio?

Io ho dato un id identico alle 3 immagini e nel media query ho detto che a 992 il margin left deve essere di 250px e poi con un altro @media a 676px il margin left tornare a 0;

Voi avete una soluzione pi� magistrale? grazie.