6

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

我有几个问题：

1）首先我想让某些部分（div）全宽。现在我已经读过我可以<div class="row">用<div class="container">例如替换它，它会产生这种效果。现在由于某种原因感觉不对，我应该只创建自己的全宽类，还是这样做的正确方法是什么？

2) 我希望它基于更大的分辨率，可能最大 1440 像素宽，甚至是流体 100% 全宽。我怎么能这样做，和/或 Foundation 对我来说不是正确的框架？我喜欢它附带所有模板的事实，因此制作模型非常快速和友好。

提前致谢。

4

3 回答 3

11

更新：请停止投票这个帖子。自问题得到解答以来，框架发生了重大变化。如果您使用的是 Foundation 4 或更高版本，请查看更新的答案并投票。

仅适用于 Foundation 3 的早期版本 将以下覆盖添加到您的 CSS（这必须出现在 Foundation.css 之后或末尾）

.row {
     width: 100%;
}

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

在http://foundation.zurb.com/download.php也有一个定制的下载（它可能做同样的事情，覆盖或替换 .row 宽度）

于 2012-10-11T17:15:04.233 回答
7

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

于 2013-05-20T14:05:40.927 回答
1

取消注释$row-width: rem-calc(1000);对我有用

于 2013-12-05T10:34:17.220 回答