與基金會4的均勻間隔導航 - 在Firefox中損壞

Question

我正在使用基金會4的內置導航組件，並且我使用表格/表格單元格css技巧均勻地放置水平元素並對其進行設計。不過，我用Firefox打了一堵牆。下面的例子完全按照我想要的方式在Firefox以外的每個瀏覽器中工作，而我無法在我的生活中找到它。

我上傳的例子到我的服務器：See Live Example Here

這是Safari中的例子：

而且這是在Firefox相同的：

任何幫助你可以給我我真的很感激它！

謝謝！

Answer 1

這些CSS更改修復它在Firefox我只測試了在Firefox

*, *:before, *:after { 
-moz-box-sizing: border-box; 
vertical-align: middle; 

}

.top-bar .dropdown { 
background: none no-repeat scroll 0 0 #8D8C8C; 
text-align: center; 
width: 17.2%; 

}

.top-bar-section .dropdown li { 
height: auto; 
width: 100%; 

}

.top-bar-section ul { 
display: inline; 
height: auto !important; 
width: 100%; 

}

.top-bar-section .dropdown { 
left: 0; 
top: auto; 

}