【问题标题】:Bootstrap v4 navbar breakpointBootstrap v4 导航栏断点
【发布时间】:2018-12-23 13:14:50
【问题描述】:

我正面临一个项目的问题。移动布局无法在不同页面上的同一个 Web 应用程序上运行。

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

虽然只有About Page 没有在移动布局上正确显示。

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

此导航显示正确。


导航非常小。好像没有检测到 css 断点。

【问题讨论】:

  • 您能否详细说明“未正确显示”?
  • 我已经用截图更新了这个问题。正如您在第二张图片中看到的那样,导航栏并没有呈现在移动视图中。虽然在第一张图片中,导航栏更大并且按预期呈现。

标签: css responsive-design bootstrap-4


【解决方案1】:

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

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

这已在Bootstrap's documentation 中说明。

【讨论】:

  • 非常感谢。我在每一页都有它,但在我的主模板中删除了它。因为我的关于页面是从那个继承的,所以没有那个。
  • 没问题。很高兴能帮到你!
猜你喜欢
  • 1970-01-01
  • 2018-02-05
  • 2016-07-24
  • 1970-01-01
  • 2017-05-14
  • 2015-04-23
  • 2016-01-20
  • 1970-01-01
  • 2016-09-19
相关资源
最近更新 更多