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(1mo ago)04.5k↑613.6%1GPL-2.0-or-laterPHP

Since Nov 27Pushed 1mo 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 1w ago

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

48

—

FairBetter than 94% of packages

Maintenance90

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.5% 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

49d 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 (49 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.7k1](/packages/t3sbs-t3sbootstrap)[wazum/sluggi

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

40543.5k](/packages/wazum-sluggi)[clickstorm/cs-seo

\[clickstorm\] SEO - Extension for TYPO3. Enables important onpage features for search engine optimization (SEO). Expands the page settings and any desired records for example with a preview for Google search results (SERP) Structured Data (JSON-LD) and a Focus Keyword. Restrictive hreflang and canonical tags. Modules for metadata of records and alternative texts of images. Further features are shown in the extension manual.

37542.0k1](/packages/clickstorm-cs-seo)

PHPackages © 2026

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