mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
652 B
652 B
order | title | ||||
---|---|---|---|---|---|
7 |
|
zh-CN
参照 Bootstrap 的 响应式设计,预设五个响应尺寸:xs
sm
md
lg
xl
。
en-US
Referring to the Bootstrap [responsive design] (http://getbootstrap.com/css/#grid-media-queries), here preset five dimensions: xs
sm
md
lg
xl
.
import { Row, Col } from 'antd';
ReactDOM.render(
<Row>
<Col xs={2} sm={4} md={6} lg={8} xl={10}>Col</Col>
<Col xs={20} sm={16} md={12} lg={8} xl={4}>Col</Col>
<Col xs={2} sm={4} md={6} lg={8} xl={10}>Col</Col>
</Row>
, mountNode);