firestrap中的Bootstrap两列布局未对齐即

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也是如此）。另一种方式可能更好地与您的标记或样式集成，或者可能通常更好，但这种方式有效。