title: Bootstrap row not occupying 100% width
body: <p>I have a bootstrap grid layout but the row is not occupying 100% width. I am using Bootstrap 4 alpha 6. Here is the HTML:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;h1 class="center-text"  id="heading"&gt;[Enter Heaading Here]&lt;/h1&gt;
    &lt;div class="container"&gt;
      &lt;div height="100px" class="row border-show"&gt;
        &lt;div class="col-4" id="one"&gt;&lt;/div&gt;
        &lt;div class="col-4" id="two"&gt;&lt;/div&gt;
        &lt;div class="col-4" id="three"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  <pre><code>.center-text{
    text-align: center;
  }
  #heading{
    padding: 60px;
  }
  .border-show{
    border-style: solid;
    border-color: black;
  }
  </code></pre>