<demo>

### Order

Change the element sort by `order`.

```jsx live
() => {
  const box = {
    padding: '20px 0',
    color: '#fff',
    textAlign: 'center',
  };

  const lighterBox = {
    backgroundColor: '#6E41BFD6',
  };
 
  const darkerBox = {
    backgroundColor: '#6E41BFFA',
  };

  return (
    <>
      <Row>
        <Col span={6} order={4}><div style={{...box, ...darkerBox}}>1 col-order-4</div></Col>
        <Col span={6} order={3}><div style={{...box, ...lighterBox}}>2 col-order-4</div></Col>
        <Col span={6} order={2}><div style={{...box, ...darkerBox}}>3 col-order-4</div></Col>
        <Col span={6} order={1}><div style={{...box, ...lighterBox}}>4 col-order-4</div></Col>
      </Row>
    </>
  )
}
```

</demo>
