title: Bootstrap 4 min width fluid container (change responsive behavior)
body: <p>I am building a <code>fluid-container</code> Bootstrap 4 SPA that will only be used on desktop.</p>
  
  <p>I am trying to restrict the min body width to 1200px and have a horizontal scroll if the user reduces their browser width to less than 1200px, however, any size bigger than 1200px should be responsive.</p>
  
  <p>I tried the following:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>body { min-width: 1200px; }
  </code></pre>
  
  <p>But that didn't seem to work, I have also tried setting it on the fluid-container, but didn't work as well and all the elements were still responsive below 1200px.</p>
  
  <p>The columns within the container are freezing but any setting that is affected by responsive behaviour is still changing when the size goes below 1200px, this needs to stop.</p>
  
  <p>How do you achieve min width in Bootstrap 4 <code>fluid-container</code> and have all the elements acting non-responsive below that?</p>