我一直在为我们的家族企业开发一个网站，我们有一个产品页面，其中概述了我们的四种主要产品。这是我们从 wrapboostrap.com 购买的引导模板（我不是平面设计师！），一切进展顺利。然而这个页面（http://ashfieldclutch.azurewebsites.net/Products）一直让我头疼。
有时会在移动设备或桌面设备上播放布局（请参阅附图）。
如果您在任一平台上重新加载页面，它会在之后完美加载。我似乎可以通过删除这个 div 来阻止这种行为：
<div class="row portfolio-wrapper">
但是，在移动设备上，这消除了我需要的产品类型之间的间距，因此理想情况下它需要保留。
任何人都可以看到可能导致此问题的原因吗？
提前致谢，
保罗。
【问题讨论】：
标签： css html twitter-bootstrap layout twitter-bootstrap-3
我刷新了20多次，但我看到了。
这与<div class="row portfolio-wrapper"> 中的类无关，而是与您的模板Javascript 添加到此div 的内联样式有关。碰巧偶尔会误算div容器类.portfolio-wrapper的高度，导致下部内容向上移动。由于我无法检查 Javascript，因此无法为您提供更多帮助。
我认为你最好联系模板作者，他可以而且很可能会找到你的原因。
【讨论】：
我能够模拟它并找到修复方法。它发生在 Chrome 和 Firefox 中，所以我认为这不是特定于浏览器的问题。
<div> 添加了内联样式，似乎计算高度不正确。我将高度从1402.234375px 更改为1602.234375px，这似乎解决了它。
请参阅下面的屏幕截图之前和之后。
我认为可能有一些 Javascript 代码可能正在计算高度并将它们即时添加到 <div>。
对于永久修复，您必须修复生成这些高度的代码。我将继续关注我的代码。
【讨论】：
main.js 文件，其中包含一堆 Javascript 函数，但由于代码被缩小（即函数、变量都是 1 个字符），因此很难判断哪个函数可能在进行计算。跨度>
respond.js 文件是否在您的托管站点上在线？如果是的话，如果你可以在这里链接到它，我可以看看......