css - Bootstrap v4 导航栏断点

标签 css responsive-design bootstrap-4

我正面临其中一个元素的问题。移动布局不适用于不同页面上的同一 Web 应用程序。

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

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

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

此导航显示正确。

Working Nav Bar


导航很小。似乎未检测到 css 断点。

Not working nav

最佳答案

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

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

这已在 Bootstrap's documentation 中说明.

关于css - Bootstrap v4 导航栏断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53901115/

相关文章:

css - 从一个元素到另一个元素的动画

html - 响应式 CSS Div 宽度

jquery - Semantic-UI 在侧边栏打开的情况下从移动设备过渡到平板电脑显示

jquery - 尝试将 carouFredSel 放入可变宽度的容器中

html - 尽管是内联 block ,元素表现得像 block

html - 电子邮件表格宽度对于描述来说太小了

css - 使用 html5 的 nav 标签更改 nav>ul>li>a 元素的字体大小

html - 在小屏幕上居中导航栏品牌

jquery - 边框不显示在卡片式 div 结构中

CSS垂直居中分割背景图片不重叠