разбиение страницы на 3 части с помощью Bootstrap

гуру бутстрапа подскажите можно ли в bootstrap разбить страницу следующим образом:

<div class = 'screen'>
    <nav class = 'menu'></nav>
    <div class = 'info'>
        <div class = 'left'></div>
        <div class = 'right'></div>
    </div>
</div>

где

.screen {
    width: 100vw;
    min-height: 100vh; 
}
.menu {
    width: 100%;
    height: 50px;
}
.info {
    min-height: calc(100vh - 50px);
}
.left {
    width: 250px; // тут возможные варианты
}
.right {
    width: calc(100% - 250px);
}

т.е. страница занимает весь экран (!), сверху во всю ширину экрана и заданной высотой меню, под меню слева одна панель заданной ширины, справа вторая панель.

Когда использовал классы bootstrap, то пришлось для высоты панелей сформировать свой стиль

Можно ли обойтись только бутстрапными?

Извиняюсь - только начал изучать данную библиотеку

P.S.

в идеале конечно хотелось бы, чтобы при уменьшении ширины браузера левая панель схлопывалась бы и при нажатии на неё вертикально разворачивалась (как меню).