FlexOrder.js

import React, { Component, Fragment } from 'react'
import { Row, Col } from 'antd'

class FlexOrder extends Component {

    render() {
    return (
        <Fragment>
            <div>
              <Row type="flex">
                <Col span={6} order={4}>1 col-order-4</Col>
                <Col span={6} order={3}>2 col-order-3</Col>
                <Col span={6} order={2}>3 col-order-2</Col>
                <Col span={6} order={1}>4 col-order-1</Col>
              </Row>
            </div>
        </Fragment>
    )
}
}
export default FlexOrder