title: Bootstrap 4 flexbox content 100% height
body: <p>I Have some problems with Bootstrap 4.</p>
  
  <p>I Have activated flexbox and i want content in column to be 100% height.</p>
  
  <p>This is the structure:</p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-6 col-xs-12"&gt;
    &lt;div class="content"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the result:
  <a href="http://i.stack.imgur.com/BhN30.jpg" rel="nofollow">Flexbox</a></p>
  
  <p>How can the gray background be 100% height? i tried with height: 100%. But the container will be 100% height of the page and not of the column. I also tried to set parent to relative and child to absolute. Doesn't worked.
  Background color is set on content.</p>
  
  <p>Codeexample:
  <a href="http://jsfiddle.net/KjGZw/339/" rel="nofollow">http://jsfiddle.net/KjGZw/339/</a></p>