ECL 布局网格
使用网格来给您设计一个基本的基础结构. 通过放置你的 在网格的隐形线上设计元素,你会创建更多的 结构化和连贯的构成.
ECL网格使用Bootstrap v4的网格. 设计基于12栏 靴子栅格系统.
我们使用5个断点,其中3个是原生地到"靴子".
| 版式 | 宽度 | 媒体查询 |
|---|---|---|
| 额外小型 | 任意 | |
| 小型 | 大于 479px 时 | @media (min-width: 480px) (中文(简体) ) |
| 中型 | 比767px还大 | @media (min-width: 768px) (英语) |
| 大块 | 比995px还大 | @media (min-width:996px) (英语) |
| 额外大项 | 大于 1139px 时 | @media (min-width: 1140px) (英语) |
Bootstrap包括一个反应灵敏的,移动的第一流体网格系统 随着设备或取景口大小的增加,适当缩放可达12个列.
它包括方便布局选项的预定义类,以及强大的 用于生成更多语义布局的混音.
参见
启动文件 页:1
理解一般概念。 当使用ECL的网格时,使用 .ecl-
为了避免相撞,在靴子的课前设置命名空间.
@ecl/grid 共发布 45 个版本，首次发布于 2025/01/22；过去 12 个月发布了 24 个版本。
| 版本 | 发布日期 | 距今 |
|---|---|---|
5.4.1latest | 2026/11/10 | 3 天前 |
5.4.0 | 2026/10/22 | 22 天前 |
5.3.2 | 2026/10/08 | 1 个月前 |
5.3.1 | 2026/09/21 | 1 个月前 |
5.3.0 | 2026/09/15 | 1 个月前 |
5.2.2 | 2026/09/08 | 2 个月前 |
ECL 布局网格
在项目目录运行 npm install @ecl/grid，或使用 pnpm add / yarn add / bun add。
该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/ecl__grid 是否存在。
@ecl/grid 使用 EUPL-1.2 许可。声明的许可为 EUPL-1.2，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。
根据 npm 官方下载统计，@ecl/grid 在 2026/10/13 – 2026/11/11 这 30 天内被下载 4,206 次，日均约 140 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
最新版本 5.4.1 发布于 2026/11/10（3 天前）；至今共发布 45 个版本，其中过去 12 个月发布了 24 个；首次发布于 2025/01/22。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。