Bootstrap 两列布局在 Firefox 和 IE 中未对齐

Question

此站点的布局在 Chrome 中正常工作 - 但是在最新版本的 IE 和 Firefox 上，某些页面列未对齐。 错位页面示例：http://itsworldcongress2016.com/home/invitation

最奇怪的是主页上使用了相同的引导列代码，并且它在所有三个浏览器中呈现一致。 正确的页面对齐方式：http://itsworldcongress2016.com/

最初我认为这可能是已应用于两列的边距类别之一存在问题，但删除它并不能解决问题。

任何建议将不胜感激！

Answer 1

不知道为什么这在不同的浏览器或不同的页面上呈现不同，但它与h1.hidden-xs 有关。

将此添加到 main.css 似乎可以解决问题：

h1.hidden-xs {
    margin:0;
}

当然还有其他方法可以解决这个问题（例如，在 h1 上更改 font-size 也可以）。另一种方法可能会更好地与您的标记或样式集成，或者通常可能更好，但这种方式有效。