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

I have tried over a half-dozen solutions suggested on Stack Overflow, and the only thing that worked for me was this:

    

        Column A
    
    

        Column B
    

I got the solution from https://codepen.io/ondrejsvestka/pen/gWPpPo

Note that it seems to affect the column margins. I had to apply adjustments to those.