## col 柵格布局規則
### 該文檔不再維護,新版文檔地址: [form-create 文檔](http://fc.gd8.top)
**所有組件均支持布局配置規則,詳細參考**[iview柵格布局](http://v2.iviewui.com/components/grid)
#### 舉例
```javascript
//生成一個的按鈕組件,通過col規則設置組件長度為50%
maker.create('i-button').props({
type:"primary",
size:"large",
shape:undefined,
long:true,
htmlType:"button",
disabled:false,
icon:"ios-upload",
loading:false,
show:true
})
.on({
"click":()=>{
console.log('click');
},
}).col({span:12,labelWidth:1}).children([
maker.create('span').domProps({
innerHTML:'測試自定義按鈕'
})
])
//生成一個文字提示組件,通過col規則設置組件長度為50%
maker.create('Tooltip').props({
content:"這里是提示文字",
}).col({span:11,labelWidth:1,push:1}).children([
maker.create('span').domProps({
innerHTML:'當鼠標經過這段文字時，會顯示一個氣泡框'
})
]),
```
#### col規則配置項
| 屬性 | 說明 | 類型 | 默認值 |
| :--- | :--- | :--- | :--- |
| span | 柵格的占位格數，可選值為0~24的整數，為 0 時，相當于`display:none` | Number ,String | 24 |
| labelWidth | 表單域標簽的的寬度 | Number | 150 |
| order | 柵格的順序，在`flex`布局模式下有效 | Number ,String | - |
| offset | 柵格左側的間隔格數，間隔內不可以有柵格 | Number ,String | - |
| push | 柵格向右移動格數 | Number ,String | - |
| pull | 柵格向左移動格數 | Number ,String | - |
| class-name | 自定義的class名稱 | String | - |
| xs | `<768px`響應式柵格，可為柵格數或一個包含其他屬性的對象 | Number ,Object | - |
| sm | `≥768px`響應式柵格，可為柵格數或一個包含其他屬性的對象 | Number ,Object | - |
| md | `≥992px`響應式柵格，可為柵格數或一個包含其他屬性的對象 | Number ,Object | - |
| lg | `≥1200px`響應式柵格，可為柵格數或一個包含其他屬性的對象 | Number ,Object | - |
---
