ant-design/components/layout/demo/sort.md

---
order: 3
title: 布局排序
---

列排序。

通过使用 `push` 和 `pull` 类就可以很容易的改变列（column）的顺序。

````jsx
import { Row, Col } from 'antd';

ReactDOM.render(
  <div>
    <Row>
      <Col span={18} push={6}>.ant-col-18 .ant-col-push-6</Col>
      <Col span={6} pull={18}>.ant-col-6 .ant-col-pull-18</Col>
    </Row>
  </div>,
  mountNode
);
````