Layout 栅格布局

通过基础的 12 分栏,迅速简便地创建布局。

代码演示

API

Con组件

参数 说明 类型 默认值
componentClass 组件根元素 element/ReactElement div
fluid 是否为非定宽 boolean false

Row组件

参数 说明 类型 默认值
componentClass 组件根元素 element/ReactElement div

Col组件

参数 说明 类型 默认值
xs 移动设备显示列数(<768px) number -
sm 小屏幕桌面设备显示列数(≥768px) number -
md 中等屏幕设备显示列数(≥992px) number -
lg 大屏幕设备显示列数(≥1200px) number -
xsPull 移动屏幕设备到右边距列数 number -
smPull 小屏幕设备到右边距列数 number -
mdPull 中等屏幕设备到右边距列数 number -
lgPull 大屏幕设备到右边距列数 number -
xsPush 移动屏幕设备到左边距列数 number -
smPush 小屏幕设备到左边距列数 number -
mdPush 中等屏幕设备到左边距列数 number -
lgPush 大屏幕设备到左边距列数 number -
xsOffset 移动设备偏移列数 number -
smOffset 小屏幕设备偏移列数 number -
mdOffset 中等屏幕设备偏移列数 number -
lgOffset 大屏幕设备偏移列数 number -
componentClass 组件根元素 element/ReactElement div

以上列数设置,只能设置1-12的数字。