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

是我拥有的一个页面，在chrome和firefox/ie上有不同的布局。如果看不到这个页面，我会给它一个图像。通用面板中的3个面板似乎没有正确地填满ie和firefox的所有空间。我使用boostrap类“col-xs-4 col-sm-4”将每个面板划分为div的1/3，但对于firefox，它并没有按应有的方式呈现。如果有帮助的话，我将使用play框架和模板引擎呈现每个页面

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

.row {
    display: table;
} 

---

如果你删除它，一切都好。

我假设你在桌面上，那么你不应该使用.col-lg-4或.col-md-4吗？我认为这不会有什么不同。我使用了col-xs-4和sm，因为我不希望面板堆积在更小的设备中。我认为这就是它的用途。嗯，你说得对。但从屏幕截图上很难调试它。你能把它粘贴到JSFIDLE中吗？这是一个jsFiddle。然而，我很难在JSFIDLE上重现同样的错误。是一个dropbox链接，指向我用来重现错误的材料，如果有帮助的话。这不是标准的做法，但它确实显示了错误。嗨，很抱歉回复太晚，我一直忙着尝试这个。虽然它似乎起作用，但却与我所希望的相反。这使得面板更小，与初始firefox视图类似（面板未完全填满父面板宽度，而我希望实现chrome视图（面板完全填满父面板）。我使用的firefox视图与您解释的不同。下面是示例。