2014-04-14 18 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

我爲我的個人引導項目添加了一個類。我也不想要左右填充。 –