# Grid

# 需求演示

• 布局一

• 布局二 gutter

• 布局三 offset

# API

# 实现逻辑

• col使用 margin:0 gutter px
• row 使用 margin:0 -gutter/2 px
• 同时在row使用 flex-wrap:nowrap
• offset 使用了margin-left 来设置
• 跨度样式使用了 SASS 的 forEach

$class-prefix: col-;
@for $n from 1 through 24 {
  &.#{$class-prefix}#{$n} {
    width: ($n / 24) * 100%;
  }
}