I try to center a column vertcal and horizontal in the browser window - with
nativ bootstrap 4.
I can center the column, but I can't set the row or a container to full height
of the window.
The container or row should change it's size if the browser window is changed,
so that the content of the column is always in the center.
How can i set a row or container to full size?
I know that the html code must look like this:
<div class="container-fluid h-100"></div>
The class is already defined in bootstrap 4, added it with the
attribute - class names, but it didn't work?
every parent must be set to h-100, html and
body too - I ddn't expected this..
Apparently, that's the way
height: 100% works. I suppose you could have actually used
height: 100vh. However, you must account for margin spacing though, which you can do with calc() if you wanted. Seems padding wouldn't effect it because default