Currently tackling a Bootstrap 4 Holy Grail layout.
My goal is to make each column scroll overflowing content independently without specifying a height. The left column works fine, but the right column contains a Bootstrap NAV/TAB widget. Specifically, the third tab labeled MENU 2, has overflowing content that refuses to scroll no matter what I attempt.
What could I be overlooking? Any guidance would be greatly appreciated!
Below is the relevant CSS:
.flex_item2 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
overflow-y: auto;
}
Check out the demo here:
Thank you for your help!