3个菜单变成响应式设计中的单个菜单

Question

Goal:
When it goes to Responsive design, The menu of "Test1" and "default" should be included in the menu to be expanded.

Problem:
When you go for responsive design I only can see the menu that is "Asdf" only but it does not contain any menulink from Test1 and default.

I tried finding a solution it does go so well.

How to enable to do it in relation to Bootstrap v3

Thank you!

jsbin.com/goqimureva/edit?html,output

Answer 1

You are missing the "in" class for bootstrap:

<ul class="nav navbar-nav navbar-left collapse navbar-collapse in"></ul>
<ul class="nav navbar-nav navbar-left collapse navbar-collapse in"></ul>
<div id="navbar" class="navbar-collapse collapse in"></div>

Answer 2

I think you are doing this in wrong way. There is no need to add extra ul.

`http://jsbin.com/suqabisiyo/1/edit?html,output`