2014-04-14 17 views
0

我已经开始学习基金会5,我有应用程序使用1170网格,70px列和30px天沟(70 * 12 + 30 * 11 = 1170)。虽然我为我的基金会输入默认值_settings.scss文件:基金会5 - 1170网格计算不正确

$ row-width:rem-calc(1170); $ column-gutter:rem-calc(30); $ total-columns:12;

但是,不是有70px宽度列,单栏宽度为97px。任何人都知道它是如何计算的,也许我错过了一些设置变量?提前致谢。

我已经发现,在Chome中,例如,它会生成一个15px左右填充的68px列。任何方式使左侧和右侧的容器填充消失?

+0

确保您不是在“_settings.scss不断变化的变量,然后重新注释出来,并期待他们回到自己的原始值。您需要使用原始值至少保存和编译sass一次,以便设置它们。 – chrisjsherm

回答

1

我已经解决了我的问题。

事实证明,基础1170网格,实际上是一个1200px的网格,每边的两边都有15px的边距。考虑到我们希望保留边框以降低分辨率,这是一个非常好的主意。

因此,解决办法是让$行宽度设置为1200

0

我没有使用过的基础,但如果你愿意,你可以创建填充0一个新的类如:

.nopadding { 
    padding:0; 
    } 

而且我认为设置$崩溃:真正会做的伎俩。

+0

Collapse true删除所有列填充,这是所有关于我想改变通用填充的填充。 – Malyo

+0

我为我的个人引导项目添加了一个类。我也不想要左右填充。 –