网站在 chrome 和 firefox/ie 上使用 bootstrap 3 提供不同的布局答案

【问题标题】：Website giving a different layout on chrome and firefox/ie with bootstrap 3网站在 chrome 和 firefox/ie 上使用 bootstrap 3 提供不同的布局
【发布时间】：2014-03-20 02:30:26
【问题描述】：

This 是我拥有的一个页面，它在 chrome 和 firefox/ie 中具有不同的布局。如果看不到，我有一张this 的图片。通用面板内的 3 个面板似乎无法正确填充 ie 和 firefox 的所有空间。我正在使用 boostrap 类“col-xs-4 col-sm-4”将每个面板划分为我的 div 的 1/3，但对于 Firefox，它没有按应有的方式渲染。如果有任何帮助，我正在使用播放框架和模板引擎来呈现每个页面

【问题讨论】：

我假设你在桌面上，所以你不应该使用 .col-lg-4 或 .col-md-4 吗？
我认为这不会有什么不同。我使用了 col-xs-4 和 sm，因为我不希望面板堆叠在较小的设备中。我认为这就是它的用途。 bootstrap link
嗯，你是对的。虽然很难从屏幕截图中调试它。可以粘贴到 jsFiddle 中吗？
Here 是一个 jsFiddle。但是，我很难在 jsFiddle 上重现同样的错误。
This 是我用来重现错误的材料的保管箱链接，如果有帮助的话。不是标准做法，但确实显示了错误。

标签： google-chrome twitter-bootstrap firefox playframework-2.0 twitter-bootstrap-3

【解决方案1】：

这与引导程序无关。您的 css 中有一个元素会干扰引导程序布局。

.row {
    display: table;
}

如果你删除它就很好了。

【讨论】：

嗨，很抱歉回复晚了，我一直忙于尝试这个。虽然它似乎有效，但它与我想要的相反。这使得面板更小，并且类似于初始的 firefox 视图（面板没有完全填充父面板宽度，而我想实现 chrome 视图（面板完全填充父面板）。
我的 Firefox 视图与您解释的不同。这是result。