通过 
搜索
搜索diu / grid
8.0.3
2022-11-11 08:00 UTC
Requires
- neos/fusion-afx: *
- neos/neos: ^4.2 || ^5.0 || ^7.0
Suggests
- dev-master
- 8.0.3
- 8.0.2
- 8.0.1
- 8.0.0
- 7.0.9
- 7.0.8
- 7.0.7
- 7.0.6
- 7.0.5
- 7.0.4
- 7.0.3
- 7.0.2
- 7.0.1
- 7.0.0
- 6.2.2
- 6.2.1
- 6.1.5
- 6.1.4
- 6.1.3
- 6.1.2
- 6.1.1
- 6.1.0
- 6.0.0
- 5.0.0
- 4.0.2
- 4.0.1
- 4.0.0
- 3.x-dev
- 3.1.1
- 3.1.0
- 3.0.5
- 3.0.4
- 3.0.3
- 3.0.2
- 3.0.0
- 2.0.6
- 2.0.5
- 2.0.4
- 2.0.3
- 2.0.2
- 2.0.1
- 1.1.0
- 1.0.25
- 1.0.24
- 1.0.23
- 1.0.22
- 1.0.21
- 1.0.20
- 1.0.19
- 1.0.18
- 1.0.17
- 1.0.16
- 1.0.15
- 1.0.14
- 1.0.13
- 1.0.12
- 1.0.11
- 1.0.10
- 1.0.9
- 1.0.8
- 1.0.7
- 1.0.6
- 1.0.5
- 1.0.4
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
- dev-neos-8
- dev-feature/moreUseableDefaults
- dev-feature/column-content-alignment
- dev-feature/flexibleSectionColumn
- dev-fix/background-asset
- dev-neos-4-1
This package is auto-updated.
Last update: 2024-09-11 12:09:20 UTC
README
DIU.Grid 插件是什么？
DIU.Grid 插件是 neos cms 的一个插件，它提供了一个12列的网格系统作为基本结构。这种网格系统在许多网页上都能找到。CSS 结构基于 bootstrap 4.x。此项目中未添加静态资源。
安装
composer require diu/grid
- 2.x 版本适用于 Neos 4.1, 4.2, 3.3
- 3.x 版本适用于 Neos 4.2 及后续版本
如何使用 DIU.Grid 插件？
-
在您的 composer.json 文件中引入该包。
-
允许内容元素作为子节点。
-
覆盖网格内容元素的约束。
-
添加顶部和底部边距的 CSS 规则。这是必要的，因为不同的项目可能具有不同的断点。示例可以在
Resources/Private/Fusion/Components/Atom/Margin/Margin.scss中找到。也许还需要在Configuration/NodeTypes.Content.Mixins.Spacing.yaml中覆盖允许的值。 -
在您的网站包中添加必要的布局
例如：
0-4-4-4 => 3 equal columns no beginning offset
2-4-4-2 => 3 columns, two 4 cols and one 2 cols with an beginning offset of two cols
待办事项
- 添加覆盖示例