Bootstrap5

Bootstrap 5 based theme.

This is a very non-prescriptive Bootstrap 5 theme with simple configuration. It can be used out of the box or as a subtheme for creating very flexible web designs with minimal changes (just override Bootstrap 5 variables.scss and recompile SCSS!)

Features

• Bootstrap 5 library (5.3.3 and 5.2.3). jQuery is no longer required.
• Bootstrap 5 style guide (view all Bootstrap library components on one page)
• Bootstrap 5 breakpoints
• Bootstrap 5 integration with CKEditor
• Bootstrap 5 configuration within admin user interface
• Interface for creating subtheme
• Can be used as is (subtheme is required for template overrides)
• Drupal 9 and 10 compatible

Browser support

Bootstrap 5 dropped support for a ton of older browsers including:

• Dropped Microsoft Edge Legacy
• Dropped Internet Explorer 10 and 11
• Dropped Firefox < 60
• Dropped Safari < 10
• Dropped iOS Safari < 10
• Dropped Chrome < 60
• Dropped Android < 6

Make sure you check the full browser and device support in our .browserslistrc.

Branches

• 2.0.x Legacy branch based on Claro and Stable (Drupal 9 only)
• 3.0.x Stable branch based on Starterkit and Stable9 (Drupal 9.4+, Drupal 10+)
• 4.0.x Experimental branch (possible inclusions: bootstrap icons (included), bootswatch, dark mode, CSS variables)

Upgrade: 2.x to 3.x (or 4.x)

Run database updates via interface (OR run drush updb).
It will uninstall old themes (if present) and enable stable9.

If your installation is config driven, don't forget to switch stable and claro to stable9.

Alternative Bootstrap themes

• Bootstrap 4: very simplified Bootstrap 4 theme with simple configuration.
• Bootstrap: Original Bootstrap 3 based theme (with plans for Bootstrap 4).
• Barrio: Bootstrap 5 (and 4) based theme heavily depending on node
• Radix: Bootstrap 5 (and 4) based theme heavily depending on nodeJS

Upgrade to branch 3.0.x (4.0.x)

drush 11/12

• When running drush updb, make sure you are running drush 11 otherwise you might run into errors.
• Run updates via drupal interface if using drush 10 or less.
• If errors already appeared, use either drush theme:uninstall claro stable and/or drush theme:install stable9 depending of what php error you'll get.

config

If using configuration synchronisation, make sure your core.extension.yml contains

theme:
  ...
  stable9: 0

instead of

theme:
  ...
  stable: 0
  classy: 0