Bootstrap 4 引导折叠经典导航菜单并扩展到模式全屏

我正在努力创建大屏幕上的标准导航栏菜单， 像这个：

还有一个小屏幕上的汉堡菜单。然后我希望汉堡包菜单以全屏模式展开菜单onclick

问题是，我希望数据切换在小屏幕上是

“数据切换”=>“模式”

，在大屏幕上是

data toggle=“collapse”

---

如何使用bootstrap在同一导航栏上设置可折叠菜单和全屏模式菜单？

您将有2个按钮，并根据屏幕大小使用css媒体查询显示和隐藏它们（响应式设计）。。汉堡包一个将弹出午餐模式，而常规的一个将启动非模式（如果我理解你的话）…你将有2个按钮，并根据屏幕大小使用css媒体查询（响应式设计）显示和隐藏它们。。汉堡包将弹出午餐模式，而普通汉堡将推出非模式（如果我理解你的话）。。