带3宽度小于768的引导程序的水平溢出

Question

我已经发现，在我基于 Bootstrap 3 完成的网站上，分辨率为<768px的移动设备上出现了水平溢出。

这个问题在实际的硬件设备和chrome移动仿真中都已注意到。

在Chrome控制台中运行以下脚本

var docWidth = document.documentElement.offsetWidth;
[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }
);

如上图所示，我发现包含面包屑的行导致了问题。 元素内部的内容不大于容器，并且我没有应用任何可能干扰自举网格样式的自定义样式。

所以我不明白为什么会发生这种溢出，以及如何在不应用覆盖默认引导样式的媒体查询的情况下将其删除。

可以在以下链接上查看实时页面：website h overflow