Как правильно сформировать сетку в header bootstrap?

Question

[maxsnw]

Как правильно сформировать сетку в хедере, где будет лого(1), навигация(4), некоторый текст(2,3) и информация о пользователе(5), что бы он при сжатии и нажатии на гамбургер вставал в нужном порядке как на рисунке.

Answer 1

[Павел Антонов]

Нет

Использовать классы pull или push

здесь не подойдет, немного не та структура

Я бы решил это так, набросал наскоряк.

Да есть небольшое дублирование кода, в частности меню, но без него никак, либо пилить 2 разных шапки под разные разрешения либо меню дублировать.

P.S. Еще можно решить при помощи js, просто на разрешениях ниже 768 вырезать меню и делать appendTo в нужное место. Тут уже вам решать, что удобнее/лучше в вашем случае. Надеюсь помог.

Comments

[maxsnw]

Спасибо, а как спрятать в гамбургер 2 3 и 5 элементы, что бы они попадали под пункты меню.

[Павел Антонов]

maxsnw, я бы делал просто тупо две шапки разных для десктопа и для мобилы

[Павел Антонов]

обновил свой говнокод но я бы сделал 2 шапки мне кажется эт лучше) если помог отметьте ответ правильным решением пожалуйста :) спасибо

Answer 2

[Александр]

Использовать классы pull или push

Answer 3

[Антон]

Если у Вас не получается сделать структуру, создайте отдельный блок шапки специально для мобилы.