Javascript 左右顶部导航栏菜单，调整大小时重叠

我使用的是Bootstrap3，有一个标题导航栏是固定的。我有几个菜单项在左边，三个在右边。类似于Stackoverflow（减去搜索栏）

当我缩小浏览器窗口时，右菜单项位于左菜单项下方，直到它最终提供切换开关

如何修复此问题，使其不会将右菜单项移到左菜单项下方

正文{
最小高度：70px；
填充顶部：70px；
}

切换导航

您需要使用媒体查询。由于有许多菜单项，您需要根据屏幕大小更改字体大小和边距

我提供了一个只改变字体大小的解决方案 您可以修改许多参数来优化字体大小填充和所有内容

示例片段

正文{
最小高度：70px；
填充顶部：70px；
}
@介质（最小宽度：767px）和（最大宽度：1200px）{
.导航栏导航>李>a{
字号：8px；
左侧填充：5px；
右侧填充：5px；
}
.navbar品牌{
字体大小：15px；
}
}

切换导航

我从您的代码中提取了一个代码片段，右菜单不在左菜单下。@新手您是否使用最新的3.3.7引导程序和固定顶导航？我没有任何机会，我添加了第二个css来修复顶部导航。我将用css的内容更新我的原始帖子。不，我已经添加了3.3.6。等待将用3.3更新。7@neophyte我理解你的问题，但是你提供的代码并没有重现问题。因此，请尝试使用更改的菜单名称发布你的原始代码。除了更改字体大小，还有其他选择吗？可能更快触发切换？字体太小，无法阅读。添加了一些可能有用的链接