title: 100% height on Bootstrap 4 columns (no scrollbar on browser)
body: <p>I'm using Bootstrap 4 and trying to set 3 columns on the page to have 100% height - to only have scrollbars on the columns and NOT on the page. I have tried h-100 on the <strong>row</strong> div as well as various custom css changes like setting the height and max-height to 100% on each of the columns and other solutions I found on Stack Overflow and other sites. No matter what I do, I just cannot get it working right. Would be grateful if somebody could help me out. Here is the site:</p>
  
  <p><a href="https://gordon-matt.github.io/Extenso/" rel="nofollow noreferrer">https://gordon-matt.github.io/Extenso/</a></p>
  
  <p>To see what I am trying to do, go here:
  <a href="https://gordon-matt.github.io/Extenso/#assembly/bde7b8d9-116a-4e39-939f-2acce6aba664" rel="nofollow noreferrer">https://gordon-matt.github.io/Extenso/#assembly/bde7b8d9-116a-4e39-939f-2acce6aba664</a></p>
  
  <p>then click the first button on the left (the one that says "18 Classes"). You will see the middle column is a list group and will fill with items. The scrollbars will appear, but they extend longer than the page itself and now there's a scrollbar on the browser.. Instead, I don't want any scrollbars on the browser and ONLY a scrollbar on the columns. What can I do to fix this?</p>