Разрыв меню навигации для планшета

Question

Я использую bootstrap nav для отображения меню. В моем случае мое меню будет большим, у него будет несколько подменю, каждая из которых имеет около 10 подменю.

Я установил пример на jsbin. По какой-то причине вкладка & меню мобильной версии не отображается.

http://jsbin.com/hobuzasire/2/edit

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

Как я могу сделать это меню для табуляции & Мобильная версия прокручивается, если она больше экрана, чтобы пользователь мог прокручивать все пункты меню.

Также я хочу показать мобильную версию меню, когда размер экрана составляет 1199 пикселей по умолчанию, он работает на 768 пикселей;

Update: Это свойство CSS от начальной загрузки класса ограничивает высоту меню, как я могу сделать меню расти с элементами и добавить прокручивать, когда меню больше, чем размер экрана (высота)

.navbar-collapse{ 
    max-height: 340px; 
} 

Answer 1

кнопка есть и работает, вы просто не видите ее, потому что используемый вами значок шрифта не включен в ваш файл. Не забудьте включить FontAwesome ссылку CSS:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

После того, как вы падаете, что кнопка показывает, как ожидалось.