如何仅在手机或平板电脑上显示菜单？

Question

嗨，我正在建立一个HTML网站，我想创建一个菜单，该菜单仅在我们使用手机或平板电脑时出现。 我想使菜单与引导移动视图菜单相同，但是现在必须在桌面模式下显示该菜单。 因为我已经有了一个菜单，所以我只想创建一个菜单，当我们切换到移动或平板电脑视图时，该菜单就会显示出来。

Answer 1

使用媒体查询将其添加到您的CSS

#your-menu{
 display:none;
}

最后

@media only screen and (max-width:960px){
 #your-menu{
 display:block;
}
}

在此处阅读有关内容https://developer.mozilla.org/zh-CN/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 2

您可以在引导程序中使用预定义的类

hidden-sm

或hidden-md

菜单栏。

为了简单起见，在菜单栏周围进行了划分。 或者只使用菜单无序列表中的类。