schmidtwebmedia/grid-for-container

为Container添加一个易于使用的网格元素。它与框架无关。为Bootstrap做准备。

维护者

详细信息

github.com/SchmidtWebmedia/grid_for_container

源代码

问题

安装: 887

依赖项: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 1

开放问题: 3

类型：typo3-cms-extension

2.1.1 2023-04-26 05:57 UTC

Requires

Replaces

  • typo3-ter/grid_for_container: 2.1.1

GPL-2.0-or-later 998a778e397a53aee404630188163e64f2d53e61

  • Marco Schmidt

containerbootstrapextensiongridtypo3

This package is auto-updated.

Last update: 2024-09-18 18:51:13 UTC

README

TYPO3 Container

描述

您可以使用此扩展来添加一个独立于框架的易于使用的网格。

它已预先配置为Bootstrap 3、4和5。

重要：Bootstrap CSS/JS未包含在内

功能

有为TYPO3编辑器提供的网格选项，例如（例如，两列）

  • 50/50
  • 33/66
  • 25/75

适用于

  • 1列网格
  • 2列网格
  • 3列网格
  • 4列网格

后端

后端视图

Screenshot Backend

前端

Screenshot Frontend Output

安装

  1. 安装扩展container。
  2. 安装扩展grid_for_container
  3. 包含静态模板
  4. 以简单的方式在TYPO3中使用网格：）

Composer安装

composer require schmidtwebmedia/grid-for-container

自定义

您可以在前端自定义输出，更改框架或添加更多网格比例选项。并在扩展设置中更改JSON配置文件的路径。

请使用以下json文件结构

{
  "cols": [
    {
      "onecol": [
        {
          "label": "",
          "class": [
            "",
            ""
          ]
        }
      ],
      "twocol": [
        {
          "label": "",
          "class": [
            "",
            ""
          ]
        }
      ],
      "threecol": [
        {
          "label": "",
          "class": [
            "",
            "",
            ""
          ]
        }
      ],
      "fourthcol": [
        {
          "label": "",
          "class": [
            "",
            "",
            "",
            ""
          ]
        }

      ]
    }
  ],
  "row": [
    {
      "class": ""
    }
  ]
}