2017-09-04 48 views
0

因此,我的導航欄工作良好,直到我切換到v4 alpha 6才能使用alpha所具有的響應式實用程序工作。Navbar摺疊切換不會關閉(從引導版v4 beta切換到v4 alpha 6後)

頁:https://kianrafiee.github.io/unity/

之前,你會看到在導航欄的所有菜單鏈接到你的窗口是爲切換按鈕替換菜單足夠小。

現在,我開始使用v4 alpha 6後,它只是具有切換按鈕,沒有其他菜單項。

我試過檢查,我找不出我需要做什麼。我嘗試使用v4的文檔從頭開始導航欄,但它仍然是一樣的。實際上,我的導航欄無論如何都是基於v4的。

任何想法該怎麼辦?

回答

1

您在nav元素上缺少navbar-toggleable-*

<nav style="background-color: #e3f2fd;" class="navbar navbar-toggleable navbar-expand-md navbar-light fixed-top"> 

您可以在這裏看到引導文檔中正確例如:

https://v4-alpha.getbootstrap.com/components/navbar/

導航欄需要包裝.navbar與.navbar-toggleable- *爲 響應倒塌和顏色方案的類。

+0

謝謝。我以爲我看了頁面上的所有內容,但都錯過了。但出於某種原因,當摺疊按鈕出現時,它顯示在品牌名稱的左側。它假設像文檔中那樣是正確的。我的代碼和文檔一樣。任何想法呢? – Kian

+0

我相信,在最新的Bootstrap中,只需向該按鈕添加'navbar-toggler-right'類即可。 – ushould

+0

您是搖滾樂的人。我必須承認我也在文檔中瀏覽了該部分。似乎我不得不花更多的時間。 – Kian