Beginner here, I am building a one page bootstrap site, I have divided the site into sections, i have already added 1st image as the background in section one.
I have tried using the columns but no vial. 

I cant get the two images side by side like shown in the prototype ([http://imgur.com/a/MJQ2w](https://imgur.com/a/MJQ2w)). 

I want the page layout to be like this with no margins but i am unable to do this with bootstrap. Please help me with your expertise.

```
<header style="background-image: url('static/assets/home-bg.jpg');">
        <div class="intro-content">
            <div class="brand-name">Learning & Experience</div>
            <hr class="colored">
            <div class="brand-name-subtext">Lorem Ipsum Dolor Init
            </div>
        </div>
        <div class="scroll-down">
            <a class="btn page-scroll" href="#about"><i class="fa fa-angle-down fa-fw"></i></a>
        </div>
    </header>

    <section id="about">
    <div class="container-fluid">
    <div class="row row-no-gutter">
      <div class="col-md-6 img-responsive">
        <img src="static/assets/training.png">
      </div>
      <div class="col-md-6 img-responsive">
        <img src="static/assets/recruit.png" >
      </div>
    </div>
    </div>

    <div>

```