html - 为什么 Bootstrap 没有转换为响应我的静态导航顶部？

Question

我正在处理以下页面:

但是，如果您放大到 175%，您可以看到顶部导航如何位于第二行。

我该如何解决这个问题？

谢谢。

Answer 1

通过为您的导航选择一个较早的断点来折叠。现在它在 768px 处崩溃。如果您将它增加到 995 像素，它适用于您的设计。

@media (min-width: 995px)
.container > .navbar-header, .container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}