網站基金會：添加「專欄」類的目的是什麼？

我使用這些代碼片段：網站基金會：添加「專欄」類的目的是什麼？

class="large-6 small-12 columns ..."

當我刪除了「列」級，使其

class="large-6 small-12"

...我看不出有什麼差別。

所以我想知道：

什麼是「列」類？

任何人都可以解釋給我看？

來源

2016-06-18 mewi

如果你想通用樣式添加到所有列，喜歡同樣的填充或背景顏色或什麼的。 –

columns或column有一些基本的CSS附加到它們;

.column, .columns { 
    width: 100%; 
    float: left; 
    padding-left: .625rem; /* you can set this in the CSS generator or SASS */ 
    padding-right: .625rem; /* you can set this in the CSS generator or SASS */ 
}

沒有.column類，列不會排在它們的行中。

JSFiddle example with and without

來源

2016-06-18 19:42:42 tymothytym

我想我現在明白了。這是爲了防止div元素闖入一條新線？相反，應該在一條線內依次排列...... – mewi

是的，非常多。 'float：left;'使它成爲一行，填充是「陰溝」，寬度：100％是爲了（我認爲）當行和列合併時。如果你使用它，寬度將被'medium-6'或其他任何東西覆蓋。 – tymothytym

太棒了。：）非常感謝。 – mewi

網站基金會：添加「專欄」類的目的是什麼？

回答

相關問題