Bootstrap 4 layout with one width fixed column : <p>this is my html code:</p>

<pre><code>&lt;div class="container-fluid d-flex h-100"&gt;
  &lt;div class="white h-100" style="background-color: white;"&gt;
    fixed 100px
  &lt;/div&gt;
  &lt;div class="col-3 blue h-100" style="background-color: blue;"&gt;
    3
  &lt;/div&gt;
  &lt;div class="col-6 red h-100" style="background-color: red;"&gt;
    6
  &lt;/div&gt;
  &lt;div class="col-3 blue h-100" style="background-color: blue;"&gt;
    3
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Can you help me to fix my code please? I need on left side column with fixed width, which will be have 100px. This column have not resize. Rest of space I need to should be dynamically adjustable in ratio 1 : 2 : 1. Thanks for help.</p>
