Bootstrap Package delivers a fully configured frontend theme for TYPO3, based on the Bootstrap CSS Framework.
The goal of this package is also to give an advanced example of how modern templating in TYPO3 CMS can be handled nicely without depending on third party extensions. Bootstrap Package comes with a fully configurable Frontend via TypoScript. This includes the TypoScript Constant Editor.
- TYPO3 CMS 9.5 or 10.4 for Bootstrap Package 11.x
- TYPO3 CMS 8.7 or 9.5 for Bootstrap Package 10.x, 9.x and 8.x
- TYPO3 CMS 7.6 for Bootstrap Package 7.x
Quick Install Guide
Disable default content rendering extensions
You do not need to have Fluid Styled Content or CSS Styled Content installed, we have currently marked both extensions as conflicting to avoid misconfiguration.
If you really know what you are doing, it is safe to use core content rendering definitions alongside with the Bootstrap Package. But please be aware that we are adding more content elements that are not supported from those extensions.
Make sure you have a root page
Create a new page or edit an existing one and set this as root page. You can find this option in the page-edit-mode filed under behavior/miscellaneous.
Create a new Template on this Page
- Template Title: You can name this as you like: Example "Bootstrap Package"
- Website Title: This will be your website title visible in the frontend
- Clear Constants and Setup by checking the boxes
- Clear the predefined TypoScript setup from the textbox if any
- Use this Template as Root-Level Template by checking the box
Include static (from extensions)
- Bootstrap Package (required)
Static Template Files from TYPO3 Extensions
- Include before all static templates if root flag is set
Recommended Apache Modules
Feel free to fork this project and create a pull request when you're happy
with your changes. We check the source code according to the our Coding Guidelines.
To reformat the code automatically, you can use
php-cs-fixer as follows:
The extension comes with a ready to use DDEV Local configuration. Type
ddev start in the extension root folder to start the Docker container.
ddev launch will open the browser and head to the testing website. You can
ddev launch typo3 to get directly to the backend.
To run the build process simply execute
ddev yarn install followed by the
desired command e.g.
ddev yarn build. Type
ddev yarn help or
ddev yarn -help to get an overview of the available commands.
Please open an issue here at github and describe your problem.
This project is released under the terms of the MIT license.
Test the Bootstrap Package
If you are interested in the Bootstrap Package you can test it in our Introduction Demo Setup.
Contact & Communication
You can connect directly with us on Slack, the preferred instant communication platform of TYPO3 CMS developers. If you already have access to the TYPO3 Slack platform join the #bootstrap-package channel. If you don't have access yet, you can register here.
If you have any questions about this project or just want to talk: Send a tweet @benjaminkott.