bootstrap

[selyn]

ciao a tutti, come si fa a posizionare un div al centro dello schermo con bootstrap?
Ho usato col-md-offset-* per posizionare al centro, ma non è al centro dello schermo, si trova un po più in alto..

 

[dylaniato]

ciao a tutti, come si fa a posizionare un div al centro dello schermo con bootstrap?
Ho usato col-md-offset-* per posizionare al centro, ma non è al centro dello schermo, si trova un po più in alto..

con l'offset centri solamente orizzontalmente. Per centrare anche verticalmente l'unica è usare una regola nel CSS, non si può fare con le classi Bootstrap!

vedi qui:

html - How to center align vertically the container in bootstrap - Stack Overflow

 

[espanico]

Ciao, per posizionare un div a centro pagina con bootstrap, devi utilizzare il suo sistema di griglie, e utilizzare le colonne centrali. Es.

[COLOR=#2F6F9F][FONT=Menlo]<div[/FONT][/COLOR][COLOR=#333333][FONT=Menlo] [/FONT][/COLOR][COLOR=#4F9FCF][FONT=Menlo]class=[/FONT][/COLOR][COLOR=#D44950][FONT=Menlo]"row"[/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]>[/FONT][/COLOR][COLOR=#333333][FONT=Menlo]  [/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]<div[/FONT][/COLOR][COLOR=#333333][FONT=Menlo] [/FONT][/COLOR][COLOR=#4F9FCF][FONT=Menlo]class=[/FONT][/COLOR][COLOR=#D44950][FONT=Menlo]"col-md-4"[/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]>[/FONT][/COLOR][COLOR=#333333][FONT=Menlo]Lasci vuoto[/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]</div>[/FONT][/COLOR][COLOR=#333333][FONT=Menlo]
  [/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]<div[/FONT][/COLOR][COLOR=#333333][FONT=Menlo] [/FONT][/COLOR][COLOR=#4F9FCF][FONT=Menlo]class=[/FONT][/COLOR][COLOR=#D44950][FONT=Menlo]"col-md-4"[/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]>[/FONT][/COLOR][COLOR=#333333][FONT=Menlo, Monaco, Consolas, Courier New, monospace]Qui inserirai il contenuto che vuoi a centro pagina[/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]</div>[/FONT][/COLOR][COLOR=#333333][FONT=Menlo]
  [/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]<div[/FONT][/COLOR][COLOR=#333333][FONT=Menlo] [/FONT][/COLOR][COLOR=#4F9FCF][FONT=Menlo]class=[/FONT][/COLOR][COLOR=#D44950][FONT=Menlo]"col-md-4"[/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]>[/FONT][/COLOR][FONT=Menlo][COLOR=#333333]Lasci vuoto[/COLOR][/FONT][COLOR=#2F6F9F][FONT=Menlo]</div>[/FONT][/COLOR][COLOR=#333333][FONT=Menlo] [/FONT][/COLOR][COLOR=#2F6F9F][FONT=Menlo]</div>[/FONT][/COLOR]

Oppure se vuoi farlo senza bootstrap, puoi farlo con i css assegnando al div la proprietà margin: auto;
Quest'ultimo funziona solo se il tuo div ha delle dimensioni assegnate...