huubl/silverstripe-elemental-grid

元素网格模块

安装: 3

依赖: 0

建议者: 0

安全性: 0

星级: 0

关注者: 1

分支: 11

类型:silverstripe-vendormodule

1.0.6 2018-10-11 11:29 UTC

This package is auto-updated.

Last update: 2024-09-29 05:21:33 UTC


README

简介

本模块将元素模块(https://github.com/dnadesign/silverstripe-elemental)转换为网格模块

Overview

要求

  • 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)