Bootstrap：不同的菜單類型取決於頁面

無論屏幕大小如何，是否可以在所有其他頁面上的一頁上具有常規文本菜單（例如：主頁）和移動（「漢堡」）菜單？Bootstrap：不同的菜單類型取決於頁面

這種邏輯在Bootstrap和/或AngularJS中如何工作？

對於你的第一個問題，是的，這是可能的 – Swellar

是的，這是可能的，但你必須爲這兩個菜單編碼。

對於引導正常的菜單欄只需添加類hidden-xs hidden-sm，以便它會隱藏移動視口

，然後對漢堡包菜單隻需添加類hidden-md hidden-lg hidden-xl這將隱藏桌面和其他屏幕視

漢堡包

2017-03-10 09:45:21

我希望它隱藏主頁上的移動菜單（index.html），但在所有其他頁面上顯示移動菜單。屏幕尺寸無關緊要。目前「index.html」被用作其他頁面的模板，因此它們沒有標題部分。我將這些頁面的內容與'

'相匹配 –

1）你需要有2個菜單：（一）類=「移動菜單」（b）類=「桌面菜單」

您可以爲主頁添加到身體，或HTML或任何你有上面的包裝（class =「home」或類似的東西），比隱藏指數移動菜單，以及其他頁面隱藏桌面菜單

所以你應該在CSS類似的東西

.home .mobile-menu{ 
display: none; 
}

^這將隱藏移動僅標記爲主頁

.desktop-menu{ 
display: none; 
} 
.home .desktop-menu{ 
display: block; 
}

2017-03-11 07:38:39

回答