Zurb基金会3 - 全宽节与变革最大宽度?(Zurb Foundation 3 - Full W

2019-08-01 09:16发布

即时通讯使用ZURB基金会3对矿井的项目。 我爱电网系统和响应的网站,但我的问题是,我仍然坚信,他们应该建立更广泛的那么1000像素。

我有几个问题:

1)首先,我很愿意对某些部分(申报单)全宽度。 现在,我已经阅读我可以取代<div class="row"><div class="container">例如,它会产生这种效果。 现在,由于某种原因,这个感觉不对,我应该只是创造我自己的类这就是全宽,或会是什么这样做的正确方法?

2)我就要把它基于一个更大的分辨率,也许宽最大1440px甚至流体100%全宽爱。 我怎么能去这样做,和/或基础不正确的框架吗? 我喜欢它配备了所有模板的事实,所以是超级快速和友好做原型。

提前致谢。

Answer 1:

更新:请停下来投票这个职位。 因为这个问题被回答的框架已经显著改变。 如果您使用的基金会4或更高版本,请查看更新的答案和高达投票支持他们。

对于基金会3的早期版本只有以下重写添加到您的CSS(这必须经过或foundation.css月底出现)

.row {
     width: 100%;
}

这将覆盖默认与框架,使设计进入全屏模式。 随意更改此值,以满足您的需求。

酒店还设有一个自定义下载在http://foundation.zurb.com/download.php (这可能做同样的事情,覆盖或替换.row宽度)



Answer 2:

编辑/压倒一切的基础是很容易。 在基金会4您可以编辑您_settings.scss文件。 取消注释了$行宽:emCalc(some_number.px); 到行宽度你想使用。



Answer 3:

取消注释$row-width: rem-calc(1000); 工作对我来说



文章来源: Zurb Foundation 3 - Full Width Sections & Change Max Width?