我网站上的大多数网页在移动设备上都很好看，并且（通过php include）它们都包含相同的固定顶部引导程序3导航栏和固定底部引导程序页脚。不幸的是，在恰好是博客页面的this one page上，它几乎是所有其他页面的3倍。这会在页面右侧产生一个大的白色间隙，一个水平滚动条和一个折叠的汉堡包菜单，用于显示在最右侧，不在视野范围内的导航。这仅发生在移动设备上，仅适用于此页面。正如我所说，所有其他页面包括顶部相同的导航栏和底部相同的页脚。
在Chrome开发者工具中，我可以看到大多数页面元素的宽度为360px（例如使用Galaxy S5视图）或375px（iPhone 6视图），但导航内部的此元素为1036px（iPhone 6视图） ）：
<div class="navbar-header">
然后再次在页脚中，此元素与1036px相同：
<div class="row">
我无法弄清楚是什么让这些元素伸展到那个宽度，导致右侧的空白空白。
Here is another page使用完全相同的导航和页脚（由php包含动态包含），其中导航和页脚是适当的宽度，没有水平滚动和折叠的汉堡包菜单在右上角可见页面。
为什么会出现这种情况？现在已经挣扎了两天，谷歌搜索。已经尝试过Chrome开发工具中的许多建议。唯一可行的是在navbar-header div上为@media（max-width：768px）设置最大宽度为375px，这对我来说是不可接受的，基本上意味着放弃。我想弄明白这个难题。