Bootstrap 4, how to make a col have a height of 100%?

Question

how can I make a column take up 100% height of the browser w bootstrap 4?

See the following: https://codepen.io/johnpickly/pen/dRqxjV

Note the yellow div, I

Answer 1

Although it is not a good solution but may solve your problem. You need to use position absolute in #yellow element!

#yellow {height: 100%; background: yellow; position: absolute; top: 0px; left: 0px;}
.container-fluid {position: static !important;}

  


    

      XXXX
    

    

      Form Goes Here