mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-28 11:08:30 +08:00
599 B
599 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 xs={20} sm={16} md={12} lg={8} />
<Col xs={2} sm={4} md={6} lg={8} />
</Row>
, mountNode);