Bootstrap 4 - On Screen 3 Images In Row With 80% Height Of Screen

I have couple of questions about site, which I'm making with help of Bootstrap 4. I would like to make simple page just using on screen space (no scroll except mobile version) with

Solution 1:

For future, you can use the http://shoelace.io/

That being said, your html code should look like this:

<divclass="container"><divclass="row Logo"><divclass="col-sm-3"><!-- This is where you should put your logo image --></div></div><divclass="row Menu"><divclass="col-sm-12"><!-- this is where your menu goes in --></div></div><divclass="row Images"><divclass="col-sm-4"><!-- your first image --></div><divclass="col-sm-4"><!-- your second image --></div><divclass="col-sm-4"><!-- your third image --></div><divclass="col-sm-4"><!-- your forth image --></div><divclass="col-sm-4"><!-- your fifth image --></div><divclass="col-sm-4"><!-- your last image --></div></div></div>

Also, have a look at the bootstrap layout page https://getbootstrap.com/docs/4.0/layout/grid/