网站基础:添加“列”类的目的是什么?

时间:2016-06-18 12:25:50

标签: css3 responsive-design zurb-foundation

我使用这些代码段:

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

当我删除“columns”类时,它就是

class="large-6 small-12"

......我认为没有区别。

所以我想知道:

什么是“columns”类?

有人可以向我解释一下吗?

1 个答案:

答案 0 :(得分:3)

columnscolumn附加了一些基本的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