Как поместить два navbar на одной строке?

[borus]

Здравствуйте.

 

Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить.

Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке

Вот что есть на данный момент. Абсолютное позиционирование должно помочь?

 

Поможите, пожалуйста

Edited May 18, 2015 by borus

[borus]

Новая версия. Осталось исправить:

1. Чтобы на узком экране при раскрытии кнопка меню оставалась на месте и по нажатию на неё же выпадающее меню свертывалось обратно

2. Чтобы выпадающая строка для поиска на узком экране выпадала ниже кнопки с лупой и скрывалась по клику на эту же иконку

Edited May 18, 2015 by borus

[borus]

Осталось последнее, чтобы на узком экране выпадающая строка поиска открывалась под иконкой с лупой и закрывалась по повторному клику на неё. Код тут.

Видно надо смотреть, что делает jq шаг за шагом...

Edited May 18, 2015 by borus

[borus]

кажется так
нет, не так. надо починить выпадающее меню второй кнопки на узком экране. Есть идеи?

Edited May 18, 2015 by borus

[borus]

Кажется так. Скажите как установить разные контрольные точки для сворачивания двух navbar? Чтобы какое-то из меню сворачивалось в кнопку при определённой вручную заданной ширине экрана?

Edited May 19, 2015 by borus