Как добавить вложенность (или диапазон строк?) к упорядоченным столбцам в Bootstrap ⇐ CSS

[Anonymous]

Я хочу добиться этого макета в Bootstrap-5.

У меня работает макет для мобильных устройств и изменяется порядок элементов Div, НО я не могу понять, как разместить столбцы корзины и поиска в гнезде справа с двойной высотой столбца логотипа (если бы это была таблица, как это по существу дать Логотип "ROWSPAN=2). В настоящее время поиск находится под логотипом и корзиной. Возможно ли это с помощью только Bootstrap/CSS?
(И да, я знаю, что .bg-green и т. д. недействительны - фактически использованный мной .bg-sucess и т. д. не соответствует изображению, которое я сделал первым!)

Код: Выделить всё

Nav Bar
Logo
Basket
Search

Notice Bar

Подробнее здесь: https://stackoverflow.com/questions/798 ... -bootstrap