3個菜單變成響應式設計中的單個菜單

Question

目標：
進行響應式設計時，“ Test1”和“默認”菜單應包含在要擴展的菜單中。

問題：
當您進行響應式設計時，我只能看到僅是“ Asdf”的菜單，但它不包含來自Test1和默認菜單的任何菜單鏈接。

我試圖找到一個很好的解決方案。

如何啟用與Bootstrap v3相關的功能

謝謝！

jsbin.com/goqimureva/edit?html,output

Answer 1

您缺少引導程序的“ in”類：

<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

我認為您這樣做的方式有誤。 無需添加額外的ul。

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