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 3y 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 today 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 Popularity20 Limited adoption so far Community9 Small or concentrated contributor base Maturity67 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 1750d 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 [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103574.3k69](/packages/friendsoftypo3-content-blocks)[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)[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)[friendsoftypo3/visual-editor TYPO3 CMS Visual Editor - Brings a modern WYSIWYG editing experience to TYPO3 CMS. 6010.0k3](/packages/friendsoftypo3-visual-editor)[quellenform/t3x-iconpack Provides an iconpack-registry for custom iconpacks. 1556.7k27](/packages/quellenform-t3x-iconpack) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)