Html 如何在移动汉堡菜单中将引导4个导航项目元素相邻放置？

我正在尝试将导航项元素放置在汉堡包菜单中的移动视图上，彼此相邻。我想知道我的意思（没有名声发布图片：/）：

在手机上，这些元素应该彼此相邻

使用

@介质（最大宽度：767px）{
显示器：flex；
证明内容：之间的空间；
}

在列表项的父元素上，如-

-这是一个学习flexbox的有趣游戏

-这是为了学习bootstrap 4 flex类

希望这能帮到你

使用

@介质（最大宽度：767px）{
显示器：flex；
证明内容：之间的空间；
}

在列表项的父元素上，如-

-这是一个学习flexbox的有趣游戏

-这是为了学习bootstrap 4 flex类

---

希望这能帮到你

谢谢你，这个游戏太棒了；）也谢谢你的回答。我能够使用引导创建它，并使用

flex-flow:nowrap！非常感谢。但是现在点击触摸设备的项目非常小：但是你知道我们如何填充空间吗？很高兴你喜欢这个游戏并解决了你的问题。请将此标记为正确答案：）此外，如果你能将代码放在codepen上，我可以看一看其他问题。-这就是如何增加字体图标的大小：）谢谢，游戏太棒了；）也谢谢你的回答。我能够使用引导创建它，并使用
flex-flow:nowrap！非常感谢。但是现在点击触摸设备的项目非常小：但是你知道我们如何填充空间吗？很高兴你喜欢这个游戏并解决了你的问题。请将此标记为正确答案：）此外，如果你能将代码放在codepen上，我可以看一看其他问题。-这就是如何增加字体图标的大小：）