首页 文章

ZURB Foundation - 如何更改字体大小?

提问于
浏览
1

我对如何在ZURB中实现字体大小感到困惑 .

我有一个页面:

Headers :

[2-col] [2-col] [2-col] [2-col] [4-col]

主要:

[4-col] [4-col] [4-col]

默认的字体大小是16px,但我希望'Header'类型是21px . 但是,更改 Header font-size会导致它突破网格(我想它会以某种方式影响行的宽度) .

How does one make the type bigger in the header without affecting the row width?

我做了一个example jsbin here来证明这个问题 .

Screenshot of Problem

1 回答

  • 1

    只需添加正确的范围(在div#nav之后添加 div.columns ):

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

    如果你使用SASS在这里查看我的答案:foundation zurb change font-size and full width

相关问题