Bootstrap nav collaps как сделать «Нескрываемые ссылки»?

Question

[Tony Montana]

Доброго времени суток!
Второй день мучаюсь с вопросом "скрытых" элементов в мобильном виде шаблона.
На ресурсе imeidata.net, меню в мобильной форме выглядит так:

В моем шаблоне вот так:


Проблема заключается в выводе элементов "скрытого" меню, а именно необходимо выставить 2 ссылки перед кнопкой открытия collapse элемента, что бы в моем шаблоне было так же, как на imeidata(Регистрация | Вход), при этом в одну строчку.

Все попытки позиционировать "pull-***" приводят к тому, что ссылки появляются, но отображаются по 1 ссылке на строку(как в открывающемся меню)

Answer 1

[Elwen]

Можно добавить 2 ссылки в конец .navbar-header и отображать только на мобильных, а ссылки из основного меню скрыть. Пример на jsfiddle

Второй вариант без дублирования и абсолютным позиционированием на мобильных - Пример на jsfiddle

Comments

[Tony Montana]

Тогда придётся засорять код, дописывая эти же ссылки для меню отображающегося на планшетах и пк

[Elwen]

Tony Montana: Дублирование есть, но для чего прописывать отдельные ссылки каждому разрешению? Отображение можно настроить используя необходимые классы .visible-* и .hidden-*

[Elwen]

Tony Montana: Добавила в ответ второй вариант, без дублирования.

[Tony Montana]

Elwen: благодарю, это подойдет!