huubl / silverstripe-elemental-grid
元素网格模块
1.0.6
2018-10-11 11:29 UTC
Requires
- dnadesign/silverstripe-elemental: ^3.0
- silverstripe/cms: ^4.0@dev
- silverstripe/vendor-plugin: ^1.0
Requires (Dev)
- phpunit/phpunit: ^5.7
- squizlabs/php_codesniffer: ^3.0
README
简介
本模块将元素模块(https://github.com/dnadesign/silverstripe-elemental)转换为网格模块
要求
- SilverStripe CMS ^4.0
- dnadesign/silverstripe-elemental dev-master
- 支持 Bootstrap 风格网格系统的前端 CSS(col-xs-X col-sm-X col-md-X col-lg-X visible-XS/SM/MD/LG hidden-XS/SM/MD/LG 等)
安装
composer require "thewebmen/silverstripe-elemental-grid" "dev-master"
之后,遵循 elemental 文档安装部分的步骤:https://github.com/dnadesign/silverstripe-elemental
设置
TheWebmen\ElementalGrid\Extensions\BaseElementExtension num_columns(默认:12)
向行添加设置
- 为 TheWebmen\ElementalGrid\Models\ElementRow 添加 dataextension
- 将模板 TheWebmen/ElementalGrid/Models/ElementRow.ss 复制到您的主题
嵌套行/网格
要创建嵌套行或网格,您需要创建一个网格元素,有关更多信息,请参阅 elemental 文档。
禁止行
参阅 elemental 文档:https://github.com/dnadesign/silverstripe-elemental 并将 TheWebmen\ElementalGrid\Models\ElementRow 添加到 disallowed_elements
待办事项
- 网格视图中的断点切换(lg,md,sm,xs)