Centrare immagine con Bootstrap [era: Centrare div con bootstrap]

[WebN]

Centrare il div dentro il body o un altro div è forse la domanda più effettuata sul css, ma questa volta ho trovato difficoltà anche io, nonostante conosca la risposta, dato l' utilizzo del framework bootstrap.
Infatti, utilizzando tale framework, e inserendo ad esempio un immagine all' interno di un div di un numero n di colonne, e utilizzando la solita proprietà margin: 0 auto; l'effetto è del tutto nullo.

Utilizzando il secondo metodo, ovvero quello con il position relative l' effetto si ottiene, ma ciò scombussola l'ordine della pagina ed è l'ultima cosa che vorrei che succedesse.
Per questo vi chiedo perchè il primo metodo non funziona, e come rimediare.

Grazie in anticipo a tutti

 

[alessandro1997]

Dovresti poter centrare un div in questo modo:

<div class="span6 offset3">
    <!-- ... -->
</div>

Si tratta di dargli la larghezza desiderata, e l'offset corrispondente alla quantità di colonne (12 di default) diviso 2. È un po' macchinoso, e funziona solo se la larghezza è pari.

 

[WebN]

Dovresti poter centrare un div in questo modo:

<div class="span6 offset3">
    <!-- ... -->
</div>

Si tratta di dargli la larghezza desiderata, e l'offset corrispondente alla quantità di colonne (12 di default) diviso 2. È un po' macchinoso, e funziona solo se la larghezza è pari.

Grazie alessandro per la risposta, mi hai fatto notare che ho sbagliato a formulare la mia richiesta.
Quello che voglio fare io è precisamente centrare un immagine in un div di ad esempio 3 colonne.

Il codice dovrebbe essere

<div class="span4">
<img src="...">
</div>

#div img {
margin: 0 auto;
}

Vorrei sapere come rimediare.. grazie ancora