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(7mo ago)10118.1k↓26.9%39[3 issues](https://github.com/RozbehSharahi/bootstrap_grids/issues)GPL-2.0-or-laterHTMLPHP ^8.1 || ^8.2 || ^8.3 || ^8.4 Since Nov 14Pushed 7mo 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 1mo ago READMEChangelog (3)Dependencies (11)Versions (31)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 58 — FairBetter than 98% of packages Maintenance59 Moderate activity, may be stable Popularity41 Moderate usage in the ecosystem Community24 Small or concentrated contributor base Maturity91 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 212d 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 [t3sbs/t3sbootstrap Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: www.t3sbootstrap.de 2315.4k](/packages/t3sbs-t3sbootstrap)[typo3-themes/themes TYPO3 THEMES 3642.6k2](/packages/typo3-themes-themes)[jweiland/events2 Events 2 - Create single and recurring events 2062.4k2](/packages/jweiland-events2)[baschte/content-animations TYPO3 CMS extension to have some fun and animate your content elements 2083.5k](/packages/baschte-content-animations)[typo3/cms-introduction The Official TYPO3 Introduction Package 1880.6k5](/packages/typo3-cms-introduction)[b13/geocoding Services for using geocoding from Google inside TYPO3 database records 1665.2k](/packages/b13-geocoding) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)