Bootstrap - 为什么导航栏在默认的768px断点处不会崩溃？

Question

我很困惑为什么导航栏在默认断点768px时没有崩溃。 在bootstrap的自己的例子中，导航栏不会在768px处崩溃。

我在自己的网站上遇到此问题，并在bootstraps示例中进行了测试。

我在这个屏幕模拟器中测试了bootstraps示例页面。我还测试了一个真正的ipad。两者都不会在768px处崩溃。

IPad - Screenfly

Answer 1

视口宽度 767px的Bootstrap导航栏折叠，这意味着您的窗口宽度为781px。如果您的视口宽度达到768px或任何更高的值，您的导航栏将正常显示，就像您在任何桌面上看到的一样。

宽度视口767px

宽度视口768px或更高

您可能对窗口宽度感到困惑，无论如何，如果您想要显示视口和窗口大小，就像我在这些截图中所做的那样，您需要为Firefox开发web开发者插件，你也可以在屏幕截图中看到它，所有你需要做的是按下调整大小按钮并选择Display Window Size，但它还有其他很酷的选项，例如View Responsive Layouts或Resize Window。

希望这有帮助。