mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-21 13:18:04 +08:00
2dedc5ec7f
close #5122
659 B
659 B
order | title | ||||
---|---|---|---|---|---|
7 |
|
zh-CN
参照 Bootstrap 的 响应式设计,预设五个响应尺寸:xs
sm
md
lg
xl
xxl
。
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);