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