Day 4 — Bootstrap and TYPO3

Today's lessons

Today explores integrating Bootstrap with TYPO3 through the Bootstrap Package extension. Students will progress from basic installation to advanced implementation, learning to add components, customize layouts, and create responsive designs. The day emphasizes hands-on practice in building modern, mobile-friendly TYPO3 websites using Bootstrap's framework.

Prerequisites and goals

Prerequisites

Theoretical prerequisites

This day assumes that you already know the following:

  • How to use Composer to install a TYPO3 project in a DDEV container
  • How to setup a Git repository for your project and clone it in your local development environment
  • How to commit and push your changes in the project's repository using TYPO3's commit message rules

Practical prerequisites

Before you start this day, please have the following things ready:

  • Installed and configured a new TYPO3 project in your local development environment using Composer
  • Setup and used a Git repository to track changes for your project

Goals

Theoretical goals

By the end of this day, you should know the following:

  • How to install and configure the Bootstrap Package extension for the newly created TYPO3 project
  • How to add components for your TYPO3 project
  • How to customize the layout for your TYPO3 project
  • How tu use advanced Bootstrap features

Practical goals

By the end of this day, you should have completed the following:

  • Install and configure a Bootstrap based Frontend for your TYPO3 project
  • Add Bootstrap components to your project
  • Customize the layout of your TYPO3 project