title: How to give rows in a bootstrap 4 container a total height equal to column height
body: <p>If I have a container like so, how can I make the rows in the second column to stretch out their heights so that they match the height in the first column in total :</p>
  <pre><code>      &lt;Container fluid&gt;
          &lt;Row&gt;
            &lt;Col&gt;
              Only row in first column
              &lt;img src=&quot;bigPhoto.png&quot; /&gt;
            &lt;/Col&gt;
            &lt;Col &gt;
              &lt;Row&gt;
                  First row in second column
              &lt;/Row&gt;
              &lt;Row&gt;
                  Second row in second column
              &lt;/Row&gt;
              &lt;Row&gt;
                  Third row in second column
              &lt;/Row&gt;
              &lt;Row&gt;
                  Fourth row in second column
              &lt;/Row&gt;
            &lt;/Col&gt;
          &lt;/Row&gt;
        &lt;/Container&gt;
  </code></pre>