ZURB基金會 - 如何更改字體大小？

Question

我很困惑如何在ZURB中實現字體大小。

我有一個頁面：

部首：

[2-COL] [2-COL] [2-COL] [2-COL] [4-COL]

主要：

[4-COL] [4-COL] [4-COL]

默認的字體大小是16px，但我希望'標題'類型爲21px。但是，更改字體大小會導致它跳出網格（我認爲它會以某種方式影響該行的寬度）。

在不影響行寬的情況下，如何使標題中的類型更大？

我已經提出了一個example jsbin here展示了這個問題。

Answer 1

只需添加正確的範圍（增加div.columns在之後的div＃NAV這種情況下）：

div#nav div.columns { 
    font-size: 21px; 
} 

如果您使用SASS看看我的答案在這裏： foundation zurb change font-size and full width