title: bootstrap 4 container-fluid is not full width after removing the default padding
body: <p>I want to make a full width web page by Bootstrap 4.</p>
  
  <p>I try to remove the original 15px padding of container-fluid, but it is still not working.</p>
  
  <p>Details on jsfiddle. I marked the whole background as purple but u can see the jumbotron is not fully cover on the purple background.</p>
  
  <pre><code>&lt;style&gt;
          .container-fluid {
              padding: 0 !important;
          }
      &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ender/r4vnpday/" rel="nofollow noreferrer">jsddle here</a></p>