# 列 (/zh/components/columns)
Related: [折叠面板](/zh/components/accordions.md), [徽章](/zh/components/badge.md), [横幅](/zh/components/banner.md), [标注框](/zh/components/callouts.md), [卡片](/zh/components/cards.md), [代码分组](/zh/components/code-groups.md)
`Columns` 组件用于在响应式网格布局中排列内容。它通常通过指定网格列数，将卡片排成网格。你还可以使用 `Column` 子组件来包裹任意内容。列是响应式的，并会在小屏幕上自动调整布局。
使用我们的快速入门指南配置你的项目。
浏览你的 API 的端点、参数和示例。
```mdx title="Columns example"
Set up your project with our quickstart guide.
Explore endpoints, parameters, and examples for your API.
```
## Column 子组件 [#column-子组件]
使用 `Column` 组件在单独的列中包裹文本或代码。当你想要并排显示任意内容，而不仅仅是卡片或其他组件时，这非常有用。
**Installation**
```bash
npm install my-package
```
**Usage**
```javascript
import { init } from 'my-package';
init();
```
````mdx title="Column sub-component example"
**Installation**
```bash
npm install my-package
```
**Usage**
```javascript
import { init } from 'my-package';
init();
```
````
## 属性 [#属性]
每行包含的列数。可接受的值范围为 1 到 4。