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!
css bootstrap h-100
Commentami!