bootstrap

selyn

Utente Attivo
297
16
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

Nuovo Utente
31
4

espanico

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

Codice:
[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...
 
  • Like
Reactions: omar8792

Entra

oppure Accedi utilizzando

Hot: E3 2021, chi ti è piaciuto di più?

  • Ubisoft

    Voti: 17 18.3%
  • Gearbox

    Voti: 1 1.1%
  • Xbox & Bethesda

    Voti: 66 71.0%
  • Square Enix

    Voti: 3 3.2%
  • Capcom

    Voti: 5 5.4%
  • Nintendo

    Voti: 14 15.1%
  • Altro (Specificare)

    Voti: 8 8.6%

Discussioni Simili