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-laterPHP

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 yesterday

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 72% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity65

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

1655d 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

[laxap/bootstrap-grids

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

10118.1k](/packages/laxap-bootstrap-grids)[friendsoftypo3/tt-address

Displays a list of addresses from an address table on the page.

431.7M38](/packages/friendsoftypo3-tt-address)[quellenform/t3x-iconpack

Provides an iconpack-registry for custom iconpacks.

1542.7k25](/packages/quellenform-t3x-iconpack)[georgringer/faker

Faker for TYPO3

165.1k](/packages/georgringer-faker)

PHPackages © 2026

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