Loading ...

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!