PHPackages                             schmidtwebmedia/grid-for-container - 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. [PSR & Standards](/categories/psr-standards)
4. /
5. schmidtwebmedia/grid-for-container

ActiveTypo3-cms-extension[PSR & Standards](/categories/psr-standards)

schmidtwebmedia/grid-for-container
==================================

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

4.0.0(3d ago)04.2k↑550%1GPL-2.0-or-laterPHP

Since Nov 27Pushed 3w ago1 watchersCompare

[ Source](https://github.com/SchmidtWebmedia/grid_for_container)[ Packagist](https://packagist.org/packages/schmidtwebmedia/grid-for-container)[ RSS](/packages/schmidtwebmedia-grid-for-container/feed)WikiDiscussions master Synced today

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

Grid for Container
==================

[](#grid-for-container)

[![TYPO3 12](https://camo.githubusercontent.com/54906a0436b30d67c9bff034f382f366a2b962ae69d0a959d0e9327df9b17acd/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31322d6f72616e67652e7376673f7374796c653d666c61742d737175617265266c6f676f3d7479706f33266c6162656c436f6c6f723d32393239323926636f6c6f723d666638373030)](https://get.typo3.org/version/12)[![TYPO3 13](https://camo.githubusercontent.com/57bd81e71e087c0089065f5d611c7886bef3de59fa9eb70ce0982a0ba7cf7059/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31332d6f72616e67652e7376673f7374796c653d666c61742d737175617265266c6f676f3d7479706f33266c6162656c436f6c6f723d32393239323926636f6c6f723d666638373030)](https://get.typo3.org/version/13)[![TYPO3 14](https://camo.githubusercontent.com/a8b8bb7a9f90a4cfcab1e44c62246b96895d8da36ee97c57caf1972421e68c77/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31342d6f72616e67652e7376673f7374796c653d666c61742d737175617265266c6f676f3d7479706f33266c6162656c436f6c6f723d32393239323926636f6c6f723d666638373030)](https://get.typo3.org/version/14)[![Container](https://camo.githubusercontent.com/8187296360d1da3556ce764ef107f8f8f4756d7b8cd0a3fe20f0f6d4b106e03a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f436f6e7461696e65722d253545342d677265656e)](https://extensions.typo3.org/extension/container)

[![Latest Stable Version](https://camo.githubusercontent.com/5326ba4e9691b40310fe498783a5c1d9d5824d844374c6ba666e6b722989e8ac/68747470733a2f2f706f7365722e707567782e6f72672f7363686d6964747765626d656469612f677269642d666f722d636f6e7461696e65722f642f746f74616c2e7376673f7374796c653d666c61742d737175617265)](https://extensions.typo3.org/extension/grid_for_container)[![Monthly Downloads](https://camo.githubusercontent.com/bb48c77e891118e05aa5a0d9a66f6277bdd875e5e203947e8e0291c2f596dd26/68747470733a2f2f706f7365722e707567782e6f72672f7363686d6964747765626d656469612f677269642d666f722d636f6e7461696e65722f642f6d6f6e74686c793f7374796c653d666c61742d737175617265)](https://packagist.org/packages/schmidtwebmedia/grid-for-container)

[ ![Buy Me A Coffee](https://camo.githubusercontent.com/0cf29a542375e1a46e84d8bf5805a4e5c0a6ee98b6547ccdc0c55eed49d99c69/68747470733a2f2f63646e2e6275796d6561636f666665652e636f6d2f627574746f6e732f76322f64656661756c742d79656c6c6f772e706e67)](https://www.buymeacoffee.com/schmidtwebmedia)Description
-----------

[](#description)

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

It's pre-configured for Bootstrap 3, 4 and 5.

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

Features
--------

[](#features)

There are Grid options to choose for an TYPO3 editor. Something like (e.g. two column)

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

This work for

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

### Backend

[](#backend)

#### Backend View

[](#backend-view)

[![Screenshot Backend](https://camo.githubusercontent.com/8f5e38739e19731913366f77e9745bd360403a876b2b9608de1efc440e80ecfa/68747470733a2f2f61626c6f61642e64652f696d672f6261636b656e646c666b61742e706e67)](https://camo.githubusercontent.com/8f5e38739e19731913366f77e9745bd360403a876b2b9608de1efc440e80ecfa/68747470733a2f2f61626c6f61642e64652f696d672f6261636b656e646c666b61742e706e67)

### Frontend

[](#frontend)

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

Install
-------

[](#install)

1. Install the extension container.
2. Install the extension grid\_for\_container
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-container
```

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": [
    {
      "onecol": [
        {
          "label": "",
          "class": [
            "",
            ""
          ]
        }
      ],
      "twocol": [
        {
          "label": "",
          "class": [
            "",
            ""
          ]
        }
      ],
      "threecol": [
        {
          "label": "",
          "class": [
            "",
            "",
            ""
          ]
        }
      ],
      "fourthcol": [
        {
          "label": "",
          "class": [
            "",
            "",
            "",
            ""
          ]
        }

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

###  Health Score

50

—

FairBetter than 95% of packages

Maintenance97

Actively maintained with recent releases

Popularity23

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity57

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 92.2% 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 ~167 days

Recently: every ~290 days

Total

11

Last Release

3d ago

Major Versions

0.9.0 → 1.0.02022-02-19

1.0.2 → 2.0.02022-09-30

2.1.1 → 3.0.02024-12-04

3.1.1 → 4.0.02026-06-30

### 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 (47 commits)")[![xerc](https://avatars.githubusercontent.com/u/1372590?v=4)](https://github.com/xerc "xerc (4 commits)")

---

Tags

containergridextensionbootstraptypo3

### Embed Badge

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

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

###  Alternatives

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

PHPackages © 2026

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