title: Always have full height columns
body: <p>I am creating a html/Angular app.
  I am using Twitter bootstrap 4 for layout.
  I got three columns 1-2-9 and I need them all to be 1) Same height 2) Always full height of the window.</p>
  
  <p>This I solve with 100vh and it looks good BUT the problem is that since my app can add dynamic content in a long list the columns "stop" being the full height of the screen (since 100vh calculates height when first loading the page). </p>
  
  <p>How can I make sure my columns always adjusts automatically to the full height of the window/browser no matter how much dynamic content I add to it?</p>