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:

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