Impostare l'altezza full page in Bootstrap 4

Impostare l'altezza full page in Bootstrap 4

In pratica ho la necssità di impostare che i div / la pagina sia sempre al 100% della finestra.

Voi direte, bastano queste regole CSS:

html, body, main {
    height:100%;
    min-height: 100%;
}

Un corno vi rispondo io!

Su Bootstrap 4 queste non funzionano (o comunque non bastano).

Bisogna usare la classe CSS h-100.

Ma la cosa bella è che, almeno nel mio caso, non è bastato impostare la classe su body o su main!

Ho dovuto fare così:

<body>
 <main role="main" class="h-100">
  <div class="container-fluid h-100">
   <div class="row h-100">
    .............
   </div>
  </div>
 </main>
</body>

Non chiedetemi perchè.....

Enjoy!




Share

Commentami!

About Mattepuffo.com

Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza Licenza Creative Commons Creative Commons Attribution-Noncommercial-Share Alike 2.5. .

2576 articoli
310 commenti
19 progetti
Altri link
  • About
  • Scrivimi
  • Copyright
  • Sitemap
  • matteo.ferrone@yahoo.it
  • GitHub
  • Privacy Policy