--- order: 4 title: zh-CN: 栅格卡片 en-US: Grid card --- ## zh-CN 在系统概览页面常常和栅格进行配合。 ## en-US Cards usually cooperate with grid layout in overview page. ````jsx import { Card, Col, Row } from 'antd'; ReactDOM.render(
Card content Card content Card content
, mountNode); ```` ````css /* Increase grid spacing of 16px */ .code-box-demo .ant-row { margin-left: -8px; margin-right: -8px; } .code-box-demo .ant-row > div { padding: 0 8px; } ````