title: Bootstrap grid adding has margin on left and right?
body: <p>So I'm building an Application in Angular and am trying to use bootstrap col to space &amp; format my page with ease except I appear to have some margin on my page around the element which I've applied col-lg-12 surely shouldn't it fit the entire span of the page?</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-lg-12"&gt;
        &lt;div class="header"&gt;Turtle&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://stackblitz.com/edit/angular-vrpc9a?file=src%2Fapp%2Fheader%2Fheader.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-vrpc9a?file=src%2Fapp%2Fheader%2Fheader.component.html</a></p>
  
  <p>It's literally a barebones application at the moment but I'm a little befuddled as to why this is happening. </p>