Bootstrap Package delivers a full configured theme for TYPO3, based on the Bootstrap CSS Framework.
Failed to load latest commit information.
.github [TASK] Add php version and TYPO3 dev-master prerequisites to pull req… Jun 4, 2018
Build [TASK] Add svgo config Aug 10, 2018
Classes [BUGFIX] Use correct interface in data relation viewhelper Aug 12, 2018
Configuration [!!!][FEATURE] Allow multiple icon sources for text and icon - fixes #… Aug 12, 2018
Contrib [FEATURE] Introduce new parser for scss css files Jan 22, 2018
Documentation [!!!][FEATURE] Improve responsive image rendering (#517) Jun 20, 2018
Resources [TASK] Make list-inline compatible Aug 12, 2018
.editorconfig [TASK] Add .rst and .typoscript to editorconfig Sep 22, 2017
.gitattributes [TASK] Use .tsconfig fileending and official structure for page tsconfig Jul 27, 2018
.gitignore [TASK] Add NetBeans IDE configuration to gitignore - fixes #539 (#540) Jul 26, 2018
.php_cs.dist [TASK] Remove authors from phpdoc Oct 26, 2017
.scrutinizer.yml [TASK] Use typo3 v9 minimal distribution for scrutinizer Aug 12, 2018
.travis.yml [TASK] Add sudo command again Jul 12, 2018 [RELEASE] Release of 9.1.0 Dec 12, 2017
LICENSE RC 6.2 Mar 20, 2014
README.rst [BUGFIX] Correct several typos - fixes #525 Jun 1, 2018
composer.json [TASK] Add composer changelog script May 30, 2017
ext_conf_template.txt [TASK] Seperate the configuration of content elements Jul 27, 2018
ext_emconf.php [TASK] Raise allowed TYPO3 version to 9.5.99 Dec 12, 2017
ext_icon.png [TASK] Optimize images Jun 22, 2016
ext_localconf.php [!!!][FEATURE] Allow multiple icon sources for text and icon - fixes #… Aug 12, 2018
ext_tables.php [FEATURE] Add timeline content element Apr 3, 2018
ext_tables.sql [!!!][FEATURE] Allow multiple icon sources for text and icon - fixes #… Aug 12, 2018


Bootstrap Package

Bootstrap Package

Bootstrap Package delivers a fully configured frontend theme for TYPO3, based on the Bootstrap CSS Framework.

The goal of this package is 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.

Minimal Dependencies

  • TYPO3 CMS 8.7 or greater

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.

  • css_styled_content
  • fluid_styled_content

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

  • mod_autoindex
  • mod_alias
  • mod_deflate
  • mod_expires
  • mod_filter
  • mod_mime
  • mod_headers
  • mod_setenvif
  • mod_rewrite



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 TYPO3 Coding Guidelines. To reformat the code automatically, you can use php-cs-fixer as follows:

php-cs-fixer fix

Bug reporting

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 Vagrant Box.

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.

Code Quality

Build Status Scrutinizer Code Quality