title: 2 Column responsive layout with Bootstrap 4
body: <p>How do i create a 2 column grid in Bootstrap 4 that is responsive but the column widths are not fixed.
  For example: I will have an image in the LEFT column of some width and I want the RIGHT column to flex to the remaining width of the parent DIV.</p>
  
  <pre><code>&lt;div class="tut_wrapper"&gt;
      &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
      &lt;div class="col-xl-8 col-lg-12 col-md-12 col-sm-12"&gt;
           &lt;div class="tut_leftbox"&gt;&lt;img class="img-fluid" src="tutorials/anamorphic_drawing1.jpg"&gt;&lt;/div&gt;
      &lt;/div&gt;    
      &lt;div class="col-xl-4 col-lg-12 col-md-12 col-sm-12"&gt;
           &lt;div class="tut_rightbox"&gt;
                &lt;h3&gt;Introduction&lt;/h3&gt;
                some text
           &lt;/div&gt;
       &lt;/div&gt;    
       &lt;/div&gt;    
       &lt;/div&gt;    
  &lt;/div&gt;
  </code></pre>