title: Bootstrap CSS row fill parent column
body: <p>I am trying to make is so that I can fill a parent <code>div.col</code> with second child <code>div.row</code>, but it seems I cannot make it work using bootstrap <code>flex-box</code>. 
  What I've tried so far is this: </p>
  
  <pre><code>&lt;div class="column col-12 d-flex" &gt;
     &lt;div class="row"&gt;
          &lt;div class="column-name col"&gt;{this.props.name}&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row align-self-stretch"&gt;
          &lt;Lane /&gt; /*React class*/
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Parent <code>div.column</code> fills it's parent properly, but what I am trying to do is make second <code>div.row</code> fill the remaining space left from first <code>div.row</code>.
  This code only breaks the layout of the page, and it is not a solution for me, because it also stretched first <code>div.row</code>.</p>