首页 > 解决方案 > Bootstrap v4 导航栏断点

问题描述

我面临一个项目的问题。移动布局不适用于不同页面上的相同 Web 应用程序。

此 url 上的任何页面:IndianStandups,当使用 chrome 检查器工具并尝试移动布局时,导航栏会正确呈现。

虽然只有关于页面没有在移动布局上正确显示。

感谢任何关于如何调试此问题的指导,因为这两个页面上的 CSS 和 JS 没有区别。

此导航正确显示。

工作导航栏


导航非常小。似乎没有检测到css断点。

不工作导航

标签: cssresponsive-designbootstrap-4

解决方案


尝试在 HTML 文档的头部添加此元标记:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

这已在Bootstrap 的文档中说明。


推荐阅读