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

5a9694b59dc73526734637.pngКак правильно сформировать сетку в хедере, где будет лого(1), навигация(4), некоторый текст(2,3) и информация о пользователе(5), что бы он при сжатии и нажатии на гамбургер вставал в нужном порядке как на рисунке.
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
freislot
@freislot
Frontend-разработчик
Нет
Использовать классы pull или push

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

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

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

P.S. Еще можно решить при помощи js, просто на разрешениях ниже 768 вырезать меню и делать appendTo в нужное место. Тут уже вам решать, что удобнее/лучше в вашем случае. Надеюсь помог.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Eridani
@Eridani
Мимо проходил
Если у Вас не получается сделать структуру, создайте отдельный блок шапки специально для мобилы.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
18 авг. 2018, в 18:35
1000 руб./за проект
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 18:44
350 руб./за проект