Html 水平两行导航菜单

这是我的困境。我在导航菜单上总共有8个链接（一个是按钮），我需要在右边两行。但我似乎无法让它正确排列，同时也无法证明它是正确的。基本上，前4个需要在其他4个之上。它是用bootstrap构建的

主要代码如下：

你好，世界！

由于要在大断点（

导航栏展开lg

）上展开导航栏，要使

导航栏中的内容折叠为两行，只需将其伸缩方向设置为“列”

您还可以使用一个名为
flex lg column
的实用程序类：

。。。
...
...


演示：