Коварность navbar от bootstrap 3

[borus]

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

 

Возникла забавная ситуация с превращением сайта в адаптивный. Чтобы добиться свертывания категорий на узком экране я превратил их в компонент navbar. На узком экране(уже 768 пикс) они прячутся под словом "Категории +"

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

 

Как сделать расскрывающийся список категорий товаров на бутстрапе 3 так, чтобы и категории прятались, и категория их раскрывающая оставалась кликабельна?

Вариант показывать все категории и подкатегории сразу раскрытыми не предлагать

 

Наверно надо треугольные стрелочки заставить раскрывать подкатегории, а само название родительской категорий слева от треугольника оставить ссылкой... Так или есть более подходящее готовое решение в бутстрапе 3?

[borus]

Почти доделал. Подскажите, есть ли какие встроенные бутстрап стили, чтобы заставить второй плюс быть на одной строке с ссылкой Leather goods и быть при этом в конце строки и быть центрированным по вертикали? Не бутстрап стили тоже приветствуются

Edited May 27, 2015 by borus

[borus]

кажется так, осталось только сделать так, чтобы

1. на узком экране после клика по Leather goods вся строка экрана с текстом Leather goods стала серая, а не только текст Leather goods

2. на широком экране плюсик отцентрировать по вертикали

[klierik]

1. http://jsfiddle.net/05hs57wa/7/

2. http://jsfiddle.net/05hs57wa/8/

 

Настоятельно рекомендую внимательно читать документацию на офф. сайте: http://getbootstrap.com/components/#navbar-default