Как грамотно расставить элементы 1/3 и 2/3 экрана на bootstrap 4?

Я к сожалению не смогла это никак нарисовать в codepen потому что не знаю КАК И решила на бумаге показать

Проект на 4 бутстрапе У меня есть 4 колонки, в которых фильтры для товаров Следующие 8 колонок выводятся товары (их добавляют через админку wp и в теории их может быть сколько угодно), я пытаюсь сделать чтобы фильтры были бесконечно длинными, а 2/3 экрана оставшиеся были для товаров

Как такое можно реализовать?