CSS Bootstrap. Centrare con il @media query.

[phelps]

  <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.

[m4rko80]

Ciao, com'è possibil che con bootstrap non ti restano centrate le immagini nei contenitori?
Se le classi sono quelle native e corrette dovrebbe adattarsi tutto. Se le immagini all'interno di ogni contenitore anno la stessa dimensione o comunque se le vuoi centrare dovrebbe bastare al massimo un align:center al contenitore di queste senza dover usare margini o altro.

[phelps]

Ciao, com'è possibil che con bootstrap non ti restano centrate le immagini nei contenitori?
Se le classi sono quelle native e corrette dovrebbe adattarsi tutto. Se le immagini all'interno di ogni contenitore anno la stessa dimensione o comunque se le vuoi centrare dovrebbe bastare al massimo un align:center al contenitore di queste senza dover usare margini o altro.

No.
Ho risolto attribuendo la classe center-block ad ogni img. Solo cosi segue la responsività.