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