Zurb 基础 3 - 全宽部分 &更改最大宽度? [英] Zurb Foundation 3 - Full Width Sections & Change Max Width?
问题描述
我在我的一个项目中使用 ZURB Foundation 3.我喜欢网格系统和响应式网站,但我的问题是我仍然坚信它们应该构建得比 1000 像素更宽.
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) 首先,我想让某些部分(div)全宽.现在我读过我可以用 <div class="container">
替换 <div class="row">
例如,它会生成影响.现在出于某种原因,这感觉不对,我应该创建自己的全宽类,或者这样做的正确方法是什么?
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% 全宽.我该怎么做,和/或 Foundation 对我来说不是正确的框架?我喜欢它随所有模板一起提供的事实,因此制作模型非常快速和友好.
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.
提前致谢.
推荐答案
更新:请停止对这篇文章进行投票.自从问题得到回答后,框架发生了重大变化.如果您使用的是 Foundation 4 或更高版本,请查看更新的答案并投票.
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.
仅适用于 Foundation 3 的早期版本将以下覆盖添加到您的 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 基础 3 - 全宽部分 &更改最大宽度?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!