Zurb Foundation 3 - 全宽部分&更改最大宽度？ [英] Zurb Foundation 3 - Full Width Sections & Change Max Width?

问题描述

在我的项目中使用 ZURB基金会3 。我喜欢网格系统和响应式网站，但我的问题是我仍然强烈相信他们应该建造更宽，然后1000px。

Im using ZURB Foundation 3 on a project of mine. I love grid systems and responsive sites but my issue is I still strongly believe they should be built wider then 1000px.

我有几个问题：

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

1) First off I would love to make certain sections (divs) full width. Now I have read I can just replace <div class="row"> with <div class="container"> for instance and it will generate that effect. Now for some reason this does not feel right, should I just create my own class thats full width, or what would be the proper way to do this?

2）将喜欢它基于更大的分辨率，也许最大1440像素宽，甚至流畅的100％全宽。我怎么可能这样做，和/或基金会不是我正确的框架吗？

2) I would love to have it based for a larger resolution, maybe a max 1440px wide or even a fluid 100% full width. How could I go about doing this, and/or is Foundation not the correct framework for me? I love the fact it comes with all the templates so is super quick and friendly to do mockups.

提前感谢。

推荐答案

更新：请停止投票这则讯息。自回答问题以来，框架发生了重大变化。

Update: Please stop down voting this post. The framework has changed significantly since the question was answered. If you are using Foundation 4 or higher, please see the updated answers and up vote them.

仅适用于基础3的早期版本。$ b如果您使用的是Foundation 4或更高版本，请查看更新的答案， $ b将以下覆盖添加到您的CSS（这必须出现在foundation.css之后或之后）

For Early versions of Foundation 3 only Add the following override to your CSS (This must appear after or at the end of foundation.css)

.row {
     width: 100%;
}

这将覆盖框架的默认设置， 。您可以随意更改此值，以满足您的需求。

This will override the default with of the framework and make the design go full screen. Feel free to change this value to suit your needs.

还可以在 http://foundation.zurb.com/download.php （可能做同样的事情，覆盖或替换.row宽度）

There is also a customized download available at http://foundation.zurb.com/download.php (which probably does the same thing, overrides or replaces .row width)

这篇关于Zurb Foundation 3 - 全宽部分&更改最大宽度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！