title: How to increase the max-width of the container with bootstrap4?
body: <p>I can not increase the maximum width of my container. How to change the width in the source code?</p>
  
  <p>I already tried to change the size of the width in the bootstrap-grid.css page.</p>
  
  <p>The Element Inspector allows me to change the max-width. How to modify the _grid.scss: 6 file?</p>
  
  <p><a href="https://i.stack.imgur.com/SoMe8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SoMe8.png" alt="What I want to change"></a></p>
  
  <pre><code>@media (min-width: 1200px) {
      .container {
          max-width: 1140px;
      }
  }
  </code></pre>