Css 引导导航菜单转到新线

我正在一个有着相当大的标志和大菜单的网站上工作

问题在于引导菜单项（带有

切换导航








我认为这是因为容器div上的媒体查询在视口宽度小于992px时强制其宽度为750px。在chrome inspector中，您可以看到如下媒体查询：

@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}

为什么你有3个Home、3个about和3个contact按钮？是的。更具体地说，我希望它们“尽可能长时间”保持在同一行。如果我删除克隆按钮，在这里效果很好；哦，对不起，这只是为了快速重现问题。在这里粘贴我的实际代码会让事情变得混乱。