我正在与Zurb基金会建立一个新项目。我有一个问题,我想要几个css类与网站的其余部分有不同的字体大小,但这样做会使行减少它的宽度。
所以
.boxed {
font-size:0.8em; // or font-size:12px causes the same issue
}
<div class='row'>
<div class='large-12 columns'>
stuff goes here
</div>
</div>
<div class='row'>
<div class='row boxed'>
More stuff here, smaller font-size
</div>
</div>
第二行比第一行窄得多,因为我已经将.boxed类应用于它。
有关zurb基金会最佳实践的想法吗?
非常感谢