.small-12 没有意义吗?

Is .small-12 meaningless?

无论是否包含 small-12,我都没有发现任何差异。

class="medium-6 columns"class="small-12 medium-6 columns" 有何不同?

谢谢!

在基础和大多数网格系统中,列宽定义 (12, 6, 3) 为元素生成 width: XX% 样式 属性。

因此,.small-12 会在您在设置文件中定义的小视口中添加 width: 100%。虽然这可能没有视觉上的变化(因为默认情况下 div 的 width: auto 会使它显示为 100%,这就是 class 的目的。我想如果你扔了其他 classes 到添加了 left/right padding/margin 等的列上,这可能是个问题。试一试!

This post 可能会阐明 width: auto 和 width: 100% 之间的区别,以及添加 '.small-12' 可能是个好主意的原因,因此添加此宽度 属性 到此元素。