title: How can I set height of Row/Cols with % in React-Bootstrap/MDBReact?
body: <p>so basically I have a little problem with setting up a height of Row/Cols using the % in React-Bootstrap. I have a Row with 8 columns(Im gonna add some buttons,icons,images and text field here) which all of them have to be the same height.</p>
  
  <p>I did try use just % with height and maxHeight but obviously it didnt work out. I think pxs are pointless because it will be displayed on screens with different resolution so im afraid it will just mess up. I did download the MDBreact and used 'className="h-25 d-inline-block"' but it didnt work neither.</p>
  
  <pre><code>     &lt;Container md={12} style={{backgroundColor: "red", margin:"0px", maxWidth: "100%", maxHeight: "85%", height: "85%"}}&gt;
  
             &lt;Row&gt;
             &lt;Col className="h-25 d-inline-block" style={{backgroundColor: "yellow"}}&gt;Machine 11&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "pink"}}&gt; Machine 21&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "blue"}}&gt; Machine 31&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "purple"}}&gt; Machine 41&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "gray"}}&gt; Machine 51&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "red"}}&gt; Machine 61&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "pink"}}&gt; Machine 71&lt;/Col&gt;
              &lt;Col style={{backgroundColor: "magenta"}}&gt; Machine 81&lt;/Col&gt;
                  &lt;/Row&gt;
  
  
      &lt;/Container&gt;
  </code></pre>
  
  <p>I did expect the height of column set equally at 20/25% (There gonna be 3 Rows + navbar is made already) but I got literally nothing except I do it with pixels but its missing the point.</p>