Zurb Foundation 3 - 全宽部分和更改最大宽度？

Question

我在我的一个项目中使用ZURB Foundation 3.我喜欢网格系统和响应式网站,但我的问题是我仍然坚信它们应该比1000px更宽.

我有几个问题:

1)首先,我希望将某些部分(div)全宽.现在,我已经阅读我可以代替<div class="row">使用<div class="container">,例如,它会产生这种效果.现在由于某种原因,这感觉不对,我应该创建我自己的全宽度类,或者这样做的正确方法是什么？

2)我希望它能够以更大的分辨率为基础,最大可能是1440px宽,甚至是100%全宽的流体.我怎么能这样做,和/或基金会不是我的正确框架？我喜欢它带有所有模板的事实,因此非常快速和友好地做模型.

提前致谢.

Answer 1

更新:请停止投票这篇文章.自问题得到解答以来,框架发生了重大变化.如果您使用的是Foundation 4或更高版本,请查看更新的答案并进行投票.

对于Foundation 3的早期版本,仅 将以下覆盖添加到CSS(这必须出现在foundation.css之后或之后)

.row {
     width: 100%;
}

这将覆盖框架的默认值并使设计全屏显示.您可以随意更改此值以满足您的需求.

还可以在http://foundation.zurb.com/download.php上找到一个定制的下载(它可能做同样的事情,覆盖或替换.row宽度)

Answer 2

编辑/覆盖基础很容易.在Foundation 4中,您可以编辑_settings.scss文件.取消注释$ row-width:emCalc(some_number.px); 到你想要使用的行宽.