PHPackages                             schmidtwebmedia/grid-for-gridelements - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. schmidtwebmedia/grid-for-gridelements

ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility)

schmidtwebmedia/grid-for-gridelements
=====================================

Add an easy to use grid element with GridElements. It's Framework independent. Prepared for Bootstrap v4.

2.2.0(4y ago)12.6k2GPL-2.0-or-laterPHPCI failing

Since Jun 20Pushed 2y ago1 watchersCompare

[ Source](https://github.com/SchmidtWebmedia/grid-for-gridelements)[ Packagist](https://packagist.org/packages/schmidtwebmedia/grid-for-gridelements)[ RSS](/packages/schmidtwebmedia-grid-for-gridelements/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (10)Dependencies (2)Versions (12)Used By (0)

Grid for GridElements
=====================

[](#grid-for-gridelements)

Version 2.X.X

[![TYPO3](https://camo.githubusercontent.com/8850751806db88886de49a9d77c6454f29d91519a8e5cf61603a8da196509d43/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31302e342532304c54532d677265656e)](https://typo3.org/)[![GridElements](https://camo.githubusercontent.com/2383cad230b06168afbb91e030834d3999f9326aabf531349b30e9ea8b8a14ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f47726964253230456c656d656e74732d31302d677265656e)](https://extensions.typo3.org/extension/gridelements/)

Version 1.X.X

[![TYPO3](https://camo.githubusercontent.com/ff687b89ade5b89e2c4e662a431d91ef5b89928b5e1b11bfb947668e85c17f0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d392e352532304c54532d677265656e)](https://typo3.org/)[![GridElements](https://camo.githubusercontent.com/cacead94ea2ae051b56a4cc3d8215b420c2314205c4b46f6306c4ce66a30e124/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f47726964253230456c656d656e74732d392d677265656e)](https://extensions.typo3.org/extension/gridelements/)

Description
-----------

[](#description)

You can use this extension for adding an easy to use Grid which are Framework independently.

It's pre configured for Bootstrap 4.

***Important: The Bootstrap CSS/JS is not included***

Features
--------

[](#features)

There are Grid options to choose for an TYPO3 editor. Something like

- 50/50
- 33/66
- 25/75

This work for

- 2 column grid
- 3 column grid
- 4 column grid

### Backend

[](#backend)

#### Configuration

[](#configuration)

[![Screenshot Backend Configuration ](https://camo.githubusercontent.com/37aea6c61e379bd92e642b53a2b636e8440ac8a1ac573e3e68712224814e72d4/68747470733a2f2f61626c6f61642e64652f696d672f62696c6473636869726d666f746f323031392d303476646b75712e706e67)](https://camo.githubusercontent.com/37aea6c61e379bd92e642b53a2b636e8440ac8a1ac573e3e68712224814e72d4/68747470733a2f2f61626c6f61642e64652f696d672f62696c6473636869726d666f746f323031392d303476646b75712e706e67)

#### Backend View

[](#backend-view)

[![Screenshot Backend](https://camo.githubusercontent.com/1ee371bd68b24f55490986598b98b1ca4cd2300e349601343a9efe656dc63afb/68747470733a2f2f61626c6f61642e64652f696d672f62696c6473636869726d666f746f323031392d303436666b73312e706e67)](https://camo.githubusercontent.com/1ee371bd68b24f55490986598b98b1ca4cd2300e349601343a9efe656dc63afb/68747470733a2f2f61626c6f61642e64652f696d672f62696c6473636869726d666f746f323031392d303436666b73312e706e67)

### Frontend

[](#frontend)

[![Screenshot Frontend Output](https://camo.githubusercontent.com/a50352e17b299acd9464f16e0fbba69991e7fa6aa5feac24a971fdeb8c3f729b/68747470733a2f2f61626c6f61642e64652f696d672f62696c6473636869726d666f746f323031392d303476326a74672e706e67)](https://camo.githubusercontent.com/a50352e17b299acd9464f16e0fbba69991e7fa6aa5feac24a971fdeb8c3f729b/68747470733a2f2f61626c6f61642e64652f696d672f62696c6473636869726d666f746f323031392d303476326a74672e706e67)

Install
-------

[](#install)

1. Install the extension gridelements.
2. Install the extension grid\_for\_gridelements
3. Include the static template
4. Be happy with an easy way to use Grids in TYPO3 :)

### Composer install:

[](#composer-install)

```
composer require schmidtwebmedia/grid-for-gridelements
```

Customizing
-----------

[](#customizing)

You can customize the output in frontend and change the framework or add more options for Grid ratio. And change the path to JSON Config file in extension settings.

Please use following structure of json file:

```
{
  "cols": [
    {
      "twocol": [
        {
          "label": "auto",
          "class": [
            "col-12 col-md",
            "col-12 col-md"
          ]
        },
        ...
      ],
      "threecol": [
        {
          "label": "auto",
          "class": [
            "col-12 col-md",
            "col-12 col-md",
            "col-12 col-md"
          ]
        },
       ...
      ],
      "fourthcol": [
        {
          "label": "auto",
          "class": [
            "col-12 col-sm-6 col-md",
            "col-12 col-sm-6 col-md",
            "col-12 col-sm-6 col-md",
            "col-12 col-sm-6 col-md"
          ]
        },
        ...
      ]
    }
  ],
  "row": [
    {
      "class": "row"
    }
  ]
}
```

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity66

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~86 days

Recently: every ~138 days

Total

11

Last Release

1705d ago

Major Versions

0.9.100 → 1.0.02019-07-31

1.3.0 → 2.0.02020-04-26

### Community

Maintainers

![](https://www.gravatar.com/avatar/82c3a55cc4979bab998e9a6221cf7b200d3d61c4be9781d4296dcd27e9832edd?d=identicon)[schmidtwebmedia](/maintainers/schmidtwebmedia)

---

Top Contributors

[![SchmidtWebmedia](https://avatars.githubusercontent.com/u/48087020?v=4)](https://github.com/SchmidtWebmedia "SchmidtWebmedia (90 commits)")

---

Tags

gridextensionbootstraptypo3Gridelements

### Embed Badge

![Health badge](/badges/schmidtwebmedia-grid-for-gridelements/health.svg)

```
[![Health](https://phpackages.com/badges/schmidtwebmedia-grid-for-gridelements/health.svg)](https://phpackages.com/packages/schmidtwebmedia-grid-for-gridelements)
```

###  Alternatives

[wazum/sluggi

TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects

40529.5k](/packages/wazum-sluggi)[laxap/bootstrap-grids

Predefined gridelements Bootstrap 5 content elements: column grids, grids for simple accordions, and tabs.

10119.5k](/packages/laxap-bootstrap-grids)[t3sbs/t3sbootstrap

Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: \[www.t3sbootstrap.de\](https://www.t3sbootstrap.de)

2416.4k](/packages/t3sbs-t3sbootstrap)[friendsoftypo3/visual-editor

TYPO3 CMS Visual Editor - Brings a modern WYSIWYG editing experience to TYPO3 CMS.

576.1k2](/packages/friendsoftypo3-visual-editor)[quellenform/t3x-iconpack

Provides an iconpack-registry for custom iconpacks.

1552.6k27](/packages/quellenform-t3x-iconpack)[t3brightside/pagelist

TYPO3 CMS extension to create news, events, vacancies and products or just page lists. Demo: microtemplate.t3brightside.com

1121.5k1](/packages/t3brightside-pagelist)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)