Internet Explorer 11的Bootstrap 3格式化問題

Question

我在使用Bootstrap 3開發的網站出現Internet Explorer問題。

測試站點在這里http://npcpp2.azurewebsites.net

在Chrome / Firefox上，它可以完美運行，但是在Internet Explorer 11上，頂部菜單和頁面上的其他各項似乎都不合適。

例如，在IE 11中，主菜單的左側有一個空白，並且頁面中間的3個框也被推到頁面的兩側。

有人可以提供任何建議嗎，我正在把頭發拔掉？

預先感謝克里斯

Answer 1

瀏覽器默認的左填充在Firefox的ul上生效（問題也出現在ie上）

ul.info-nav-list {
  padding-left:0;
}

給居中的div顯示塊，也就是可能需要position：relative; 因為就是那樣

#home-header .info-shortcuts {
    width: 1140px;
    margin: 0 auto;
    display: block;
    position: relative;
}