通过基础的 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的数字。