Bootstrap：根据页面的不同菜单类型

Question

是否可以在一个页面上（例如：主页）和所有其他页面上的移动（“汉堡包”）菜单上设置常规文本菜单，而不管屏幕尺寸如何？

这个逻辑在Bootstrap和/或AngularJS中如何工作？

Answer 1

是的，但是你必须为两个菜单编码。

对于bootstrap普通菜单栏，只需添加类gc_this，使其隐藏在移动视图端口

然后对于汉堡包菜单，只需添加课程hidden-xs hidden-sm这将隐藏桌面和其他屏幕视口的汉堡包

Answer 2

1）你需要有2个菜单： （a）class =＆＃34; mobile-menu＆＃34; （b）class =＆＃34; desktop-menu＆＃34;

您可以将主页添加到正文，或html或您拥有的任何上层包装（class =＆＃34; home＆＃34;或类似的东西），然后隐藏手机菜单以获取索引，以及其他页面隐藏桌面菜单

所以你应该在css中拥有类似的东西

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

^这将仅为标记为主页

的页面隐藏移动设备

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