PHPackages laxap/bootstrap-grids - 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. laxap/bootstrap-grids ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) laxap/bootstrap-grids ===================== Predefined gridelements Bootstrap 5 content elements: column grids, grids for simple accordions, and tabs. v6.0.0(8mo ago)10119.5k↓32.8%38[4 issues](https://github.com/RozbehSharahi/bootstrap_grids/issues)[1 PRs](https://github.com/RozbehSharahi/bootstrap_grids/pulls)GPL-2.0-or-laterHTMLPHP ^8.1 || ^8.2 || ^8.3 || ^8.4 Since Nov 14Pushed 1mo ago7 watchersCompare [ Source](https://github.com/RozbehSharahi/bootstrap_grids)[ Packagist](https://packagist.org/packages/laxap/bootstrap-grids)[ Docs](https://extensions.typo3.org/extension/bootstrap_grids/)[ RSS](/packages/laxap-bootstrap-grids/feed)WikiDiscussions master Synced today READMEChangelog (3)Dependencies (11)Versions (32)Used By (0) TYPO3 extension "bootstrap\_grids" ================================== [](#typo3-extension-bootstrap_grids) > Thanks to @doemedia and @prdt3e for their support on compatibility to TYPO3 v13. <3 Predefined `gridelements` Bootstrap 5 content elements: column grids, grids for simple accordions, and tabs. Installation ------------ [](#installation) 1. Install the extension via composer: `composer require laxap/bootstrap-grids`. If `gridelements` is not installed, it will be installed automatically since it's a requirement. 2. Include the [static TypoScript templates](Documentation/Images/IncludeStatic.png). Both `bootstrap_grids` and `gridelements` templates are required (the order of templates is important). [![static TypoScript templates](Documentation/Images/IncludeStatic.png)](Documentation/Images/IncludeStatic.png) *NOTE: As of 2025-03-03, `gridelements` v12 doesn't support PHP 8.4, but we have an issue open they are responding to fix that. So, we will preemptively support PHP 8.4 in anticipation of that fix.* Usage ----- [](#usage) Use one of the [predefined grids](Documentation/Images/Screenshot.png) on your website. [![predefined grids](Documentation/Images/Screenshot.png)](Documentation/Images/Screenshot.png) *NOTE: When using "Tabs From Content Elements" and "Accordion From Content", you need to [set the header Type to Hidden](Documentation/Images/HeaderTypeHidden.png). If you don't then the accordion/tab title will also display as a heading tag in the content area.* [![set the header Type to Hidden](Documentation/Images/HeaderTypeHidden.png)](Documentation/Images/HeaderTypeHidden.png) Updating to `bootstrap_grids` v5 -------------------------------- [](#updating-to-bootstrap_grids-v5) The paths of TypoScript files have changed. Please ensure you reselect the template in your `sys_template` record. Contribution ------------ [](#contribution) We would love your help! We have Docker set up with helper scripts to make contributions easy. ### Development setup [](#development-setup) 1. Install [Docker](https://www.docker.com/). 2. Fork the [boostrap\_grids repository](https://github.com/laxap/bootstrap_grids.git). 3. Clone the forked repository (e.g. `git clone https://github.com/your_username/bootstrap_grids.git`), change into the directory, then checkout a branch or create desired branch. 4. OPTIONAL: Do `cp -i .docker/.env.dist .docker/.env` before the next step if you need anything other than default versions of TYPO3/PHP. Otherwise `.docker/.env.dist` will automatically be copied to `.docker/.env` if it doesn't already exist and you can skip this step. 5. OPTIONAL: Start Xdebug if you need to debug PHP code. 6. Run `.docker/bin/start && .docker/bin/composer install` 7. Login to with username `admin` and password `Pass123!`. *NOTE: The `.docker/templates/[typo3-version-specified-in-.env]` directory is copied to the project root during `.docker/bin/start`, so from that point on you'll need to edit files in their new location to see live changes. When you're done with the install, you can delete the container and those copied files by doing `.docker/bin/clean` or by doing it manually.* [![Development Site For Bootstrap Grids](Documentation/Images/DevelopmentSiteForBootstrapGrids.png)](Documentation/Images/DevelopmentSiteForBootstrapGrids.png) ### Docker scripts [](#docker-scripts) CommandDescription`.docker/bin/start`To start dev environment`.docker/bin/stop`To stop dev environment`.docker/bin/clean`Does `docker compose down --remove-orphans` and deletes generated/copied files (except `.docker/.env`) and resets the database to its initial state using the starting point in `.docker/templates/database/database.sqlite``.docker/bin/logs`Runs `.docker/bin/compose logs -f``.docker/bin/cli`Enter the dev environment container`.docker/bin/composer [command]`Runs `composer` commands (e.g. `./docker/bin/composer install`)`.docker/bin/typo3 [command]`Runs `vendor/bin/typo3` commands (e.g. `.docker/bin/typo3 cache:flush`)`.docker/bin/compose [command]`Runs `docker compose` commands (e.g. `./docker/bin/compose up -d --build`)Change log ---------- [](#change-log) - See the [release notes](https://github.com/RozbehSharahi/bootstrap_grids/releases). Special thanks -------------- [](#special-thanks) - [Daniel Corn](https://www.cundd.net): Defining the grids via pageTS brings a lot of advantages. - [Josef Körner](https://www.brandical.de): For reducing the accordion TypoScript setup. ### Health Score 61 — FairBetter than 98% of packages Maintenance68 Regular maintenance activity Popularity41 Moderate usage in the ecosystem Community24 Small or concentrated contributor base Maturity92 Battle-tested with a long release history Bus Factor2 2 contributors hold 50%+ of commits 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 ~259 days Recently: every ~469 days Total 15 Last Release 258d ago Major Versions 1.4.1 → 2.0.02019-01-05 2.2.0 → 3.0.02023-09-17 3.0.0 → 5.0.02025-03-04 5.0.0 → v6.0.02025-10-19 PHP version history (3 changes)2.2.0PHP ^7.2 3.0.0PHP ^7.4 || ^8.0 5.0.0PHP ^8.1 || ^8.2 || ^8.3 || ^8.4 ### Community Maintainers ![](https://www.gravatar.com/avatar/3ecf58e9a2b38c84e9030093cfbc1214c16e1cb4629b684b4e0781a145422f4e?d=identicon)[laxap](/maintainers/laxap) --- Top Contributors [![outdoorsman](https://avatars.githubusercontent.com/u/3075533?v=4)](https://github.com/outdoorsman "outdoorsman (99 commits)")[![laxap](https://avatars.githubusercontent.com/u/10398927?v=4)](https://github.com/laxap "laxap (62 commits)")[![RozbehSharahi](https://avatars.githubusercontent.com/u/6684122?v=4)](https://github.com/RozbehSharahi "RozbehSharahi (39 commits)")[![oliverkroener](https://avatars.githubusercontent.com/u/4545439?v=4)](https://github.com/oliverkroener "oliverkroener (7 commits)")[![simplech](https://avatars.githubusercontent.com/u/993254?v=4)](https://github.com/simplech "simplech (3 commits)")[![macjohnny](https://avatars.githubusercontent.com/u/5589029?v=4)](https://github.com/macjohnny "macjohnny (2 commits)")[![TrueType](https://avatars.githubusercontent.com/u/141848?v=4)](https://github.com/TrueType "TrueType (1 commits)")[![dacostafilipe](https://avatars.githubusercontent.com/u/922998?v=4)](https://github.com/dacostafilipe "dacostafilipe (1 commits)")[![maechler](https://avatars.githubusercontent.com/u/4113819?v=4)](https://github.com/maechler "maechler (1 commits)")[![cakebake](https://avatars.githubusercontent.com/u/7462226?v=4)](https://github.com/cakebake "cakebake (1 commits)") --- Tags bootstrapTYPO3 CMStypo3Gridelements ### Embed Badge ![Health badge](/badges/laxap-bootstrap-grids/health.svg) ``` [![Health](https://phpackages.com/badges/laxap-bootstrap-grids/health.svg)](https://phpackages.com/packages/laxap-bootstrap-grids) ``` ### Alternatives [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[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)[typo3/cms-styleguide TYPO3 extension to showcase TYPO3 Backend capabilities 106760.3k33](/packages/typo3-cms-styleguide)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40529.5k](/packages/wazum-sluggi)[jweiland/events2 Events 2 - Create single and recurring events 2166.7k3](/packages/jweiland-events2)[derhansen/sf_event_mgt Event management and registration - Configurable event management and registration extension based on ExtBase and Fluid 66338.4k10](/packages/derhansen-sf-event-mgt) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)