Zurb基金会半流体设计? 我是一个很有基础的新手,但是有没有可能使默认的网格宽度更大,或者更好,只占屏幕宽度的80%,额外的最小宽度? 如果不可能有基础,Bootstrap是可能的吗?< /P> < P> 3的一个好的方面是它是建立起来的,所以网格系统的CSS完全依赖于变量。

Zurb基金会半流体设计? 我是一个很有基础的新手,但是有没有可能使默认的网格宽度更大,或者更好,只占屏幕宽度的80%,额外的最小宽度? 如果不可能有基础,Bootstrap是可能的吗?< /P> < P> 3的一个好的方面是它是建立起来的,所以网格系统的CSS完全依赖于变量。,css,twitter-bootstrap,zurb-foundation,Css,Twitter Bootstrap,Zurb Foundation,行的宽度设置为: 行的总宽度取决于$rowWidth变量,该变量的定义如下: < > > 您需要将 $WaveWord变量更改为您需要的大小< /强> .< /P> < P>使用基础4,我只添加了 .row { max-width: 100%; } 与风格相适应。为行> /代码>以及顶部栏< /代码> 如果使用SASS和基础版本5,可以自定义行: $row-width: 100%; 将其设置为80%对网格有效,但对顶部无效-nav@Stasik尝试将“添加。包含到网格”添加到顶部栏,使其成

行的宽度设置为:

行的总宽度取决于
$rowWidth
变量,该变量的定义如下:


< > > <强>您需要将<代码> $WaveWord变量更改为您需要的大小< /强> .< /P> < P>使用基础4,我只添加了

.row { max-width: 100%; }

与风格相适应。为<代码>行> /代码>以及<代码>顶部栏< /代码>

如果使用SASS和基础版本5,可以自定义行:

$row-width: 100%;

将其设置为80%对网格有效,但对顶部无效-nav@Stasik尝试将“添加
。包含到网格”
添加到顶部栏,使其成为全宽,但网格上的内容。这有点不完整,但是可以通过设置手动修复。包含到网格宽度不是$rowWidth(例如80%),而是100%;)但是否放大了行内的组件/部分?因为当我这么做的时候,我觉得那些div有点大。我可以发现这一点,因为我代码中的所有div都有一个图像,图像看起来比正常大小大,因为所有列都只有%,所以它们可以缩放。
.row { max-width: 100%; }
$row-width: 100%;