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

WebN

Nuovo Utente
10 Mag 2012
9
0
0
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

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Dovresti poter centrare un div in questo modo:
HTML:
<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

Nuovo Utente
10 Mag 2012
9
0
0
Dovresti poter centrare un div in questo modo:
HTML:
<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

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

Codice:
#div img {
margin: 0 auto;
}

Vorrei sapere come rimediare.. grazie ancora
 
Discussioni simili
Autore Titolo Forum Risposte Data
F [HTML] Centrare testo rispetto l'immagine HTML e CSS 1
L Centrare galleria immagine HTML e CSS 2
N Non riesco a centrare l'immagine di sfondo Webdesign e Grafica 9
Shyson Centrare box css HTML e CSS 2
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
elpirata [HTML] Non riesco a centrare menu orizzontale HTML e CSS 5
L Problema per centrare titolo PopUp HTML e CSS 5
A centrare iframe con div HTML e CSS 2
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
LuigiDonato Centrare Tabella HTML e CSS 10
N Centrare il testo verticalmente in una div. HTML e CSS 2
R Centrare un DIV per renderlo visibile su qualsiasi monitor HTML e CSS 12
F Centrare slider div HTML e CSS 1
asevenx problema per centrare sito HTML e CSS 5
A centrare la pagina con Js Javascript 1
R Come centrare il testo in un paragrafo con sfondo colorato? HTML e CSS 2
asevenx centrare sito con div HTML e CSS 7
Z centrare verticalmente il testo di un button HTML e CSS 1
Marcolotto Centrare un testo (orizzontalmente e verticalmente) in una TextView Android Sviluppo app per Android 1
E Centrare finestra popup Javascript 7
A centrare una tabella HTML e CSS 3
C centrare pagine sito HTML e CSS 17
V centrare un layout a qualunque risoluzione HTML e CSS 3
M Centrare un DIV nel BODY (usando i CSS) HTML e CSS 1
I Centrare un layout al centro della pagina HTML e CSS 8
M Centrare un sito con tutti i browser HTML e CSS 22
Nyl Centrare pagina HTML e CSS 7
D Centrare del testo all'interno di un DIV ? HTML e CSS 3
D Centrare menù HTML e CSS 2
Oscar83 Si possono centrare automaticamente i CSS?? HTML e CSS 2
D Centrare Un Pulsante Webdesign e Grafica 12
D Centrare IMG tramite action script Flash 2
simoncino Centrare pagine con Dreamweaver Webdesign e Grafica 1
M Centrare un logo in tutte le risoluzioni.... HTML e CSS 4
nourdine centrare verticalmente un div HTML e CSS 1
F Centrare la pagina HTML e CSS 8
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
Y Come caricare e visualizzare un'immagine PHP 0
S Testo scrolla su immagine che cambia HTML e CSS 0
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
R Caricamento immagine su cartella remota + mysql PHP 3
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
L Upload di un'immagine all'interno di un database usando php PHP 6
G Modifica immagine di sfondo attraverso un bottone PHP 18
F photoshop portable : spostamento immagine Photoshop 0

Discussioni simili