Html 汉堡包在桌面第一网站

我只想在手机视图中显示汉堡包图标并列出其中的项目，不想在桌面和平板电脑视图的导航栏中显示菜单项。如果可能的话，如何通过引导或其他方式实现这一点？这是我想做的，但如果可能的话，我会用更好的方法

使用媒体查询：

检查引导文档上的正确值

你好，亲爱的！ 这是Bootstrap 4.5，无需使用@media query

你好，世界！










搜索
你好，世界！

我根本不想在导航栏中为桌面或平板电脑视图设置菜单项。我只需要汉堡包和列表项目在它的移动视图。对于桌面视图，我只想要品牌的徽标。太棒了！伙计，请在你的html页面中使用这个，然后查看结果。我的意思是，在桌面或平板电脑视图中，我根本不需要ul（来自你的exmaple）。我只希望当我点击汉堡时，手机视图中会出现ul。请看，这是我想做的，但我需要知道是否有更好的方法。

// indicate for mobile sizes
@media screen and (min-width: 576px) {
  // your css here
}

// indicate for desktop
@media screen and (min-width: 992px) {
  // your css here
}