Как сделать такой хэдер на бутстрап?

Question

[Gallows-bird]

Вот похожий вариант.



На этом сайте меню написано в двух вариантах, для мобильной и для десктопной версии. Можно этого как то избежать?

Т.е. получается что кнопка открытия меню находится вообще не в блоке с меню а в совершенно другом. Возможно ли это более элегантно реализовать на бутстрапе или обязательно два варианта нужно писать?

И каким образом это осуществить? Обычный navbar с кнопкой, но при десктопе это меню прятать и показывать уже то, что в блоке ниже?

Answer 1

[Антон Антон]

Вот прямо в доках именно такой адаптивный навбар https://getbootstrap.com/docs/4.3/components/navbar/

Comments

[Gallows-bird]

Видел доки. Это немного не такой навбар, в том то и дело. В десктопе хэдер условно поделен на две части. Верхняя - сам хэдер.
Нижняя - навигация.

Кнопка навигации находится в верхней части, сама навигация в другой. Как в этом случае быть?

Пример из доков по сути такой - в хэдере все меню в одном блоке, на мобилке прячется под кнопку.

Answer 2

[Gallows-bird]

Понял. Почему то думал что если кнопка будет находится не в навбаре, то все сломается. А разницы нет.