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

回答