mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
9d82233e1c
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
37 lines
1.0 KiB
Plaintext
37 lines
1.0 KiB
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 reference">
|
|
Explore endpoints, parameters, and examples for your API.
|
|
</Card>
|
|
</Columns>
|
|
```
|
|
|
|
|
|
<div id="properties">
|
|
## 属性
|
|
</div>
|
|
|
|
<ResponseField name="cols" type="number" default={2}>
|
|
每行包含的列数。可接受的值范围为 1 到 4。
|
|
</ResponseField> |