mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
be513d4fcf
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
37 lines
957 B
Plaintext
37 lines
957 B
Plaintext
---
|
|
title: "列"
|
|
description: "并排显示元素"
|
|
keywords: ['卡片分组', '网格布局', '多列布局']
|
|
---
|
|
|
|
`Columns` 组件用于将多个 `Card` 组件分组展示。它通常通过指定网格列数，将卡片排成网格。列是响应式的，并会在小屏幕上自动调整布局。
|
|
|
|
<Columns cols={2}>
|
|
<Card title="快速开始" icon="rocket">
|
|
使用我们的快速入门指南配置你的项目。
|
|
</Card>
|
|
|
|
<Card title="API 参考" icon="code">
|
|
浏览你的 API 的端点、参数和示例。
|
|
</Card>
|
|
</Columns>
|
|
|
|
```mdx Columns example
|
|
<Columns cols={2}>
|
|
<Card title="Get started">
|
|
Set up your project with our quickstart guide.
|
|
</Card>
|
|
<Card title="API 参考">
|
|
浏览您的 API 端点、参数和示例。
|
|
</Card>
|
|
</Columns>
|
|
```
|
|
|
|
|
|
<div id="properties">
|
|
## 属性
|
|
</div>
|
|
|
|
<ResponseField name="cols" type="number" default={2}>
|
|
每行包含的列数。可接受的值范围为 1 到 4。
|
|
</ResponseField> |