mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-01 23:29:30 +08:00
612 B
612 B
order | title |
---|---|
3 | 栅格卡片 |
在系统概览页面常常和栅格进行配合。
import { Card, Col, Row } from 'antd';
ReactDOM.render(
<Row>
<Col span="8">
<Card title="卡片标题">卡片的内容</Card>
</Col>
<Col span="8">
<Card title="卡片标题">卡片的内容</Card>
</Col>
<Col span="8">
<Card title="卡片标题">卡片的内容</Card>
</Col>
</Row>
, mountNode);
/* 增加 16px 栅格间距 */
.code-box-demo .row {
margin-left: -8px;
margin-right: -8px;
}
.code-box-demo .row > div {
padding: 0 8px;
}