CUI/SolidJs
预览
  • CUI-Admin
    权限管理开发平台

Row/Col 栅格

代码演示

Row属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
justify水平居中方式start | center | end | space-between | space-around
align垂直居中方式top | middle | bottom
gutter间隔number | number[]Object

Col属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
gridCol暂用范围0~1number1
push栅格向右移动范围number
pull栅格向左移动范围number
offset栅格左侧的间隔范围,间隔内不可以有栅格number
flexflex 布局属性string
xs< 576px 响应式栅格,可为栅格数或一个包含其他属性的对象numberObject
sm屏幕 ≥ 576px 响应式栅格,可为栅格数或一个包含其他属性的对象numberObject
md屏幕 ≥ 768px 响应式栅格,可为栅格数或一个包含其他属性的对象numberObject
lg屏幕 ≥ 992px 响应式栅格,可为栅格数或一个包含其他属性的对象numberObject
xl屏幕 ≥ 1200px 响应式栅格,可为栅格数或一个包含其他属性的对象numberObject
xxl屏幕 ≥ 1600px 响应式栅格,可为栅格数或一个包含其他属性的对象numberObject