Bootstrap5 theme

Bootstrap 5 based theme.

Bootstrap 5 theme is DrupalSouth 2024 Splash award winner.

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!)

Current theme has no major bugs and ready for production.
Please help us to address current bugs and feature requests in issue queue.

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 10 and 11 compatible
Need support?

Report issues in issue queue or contact us on Slack.

Branches

  • 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 based theme (with Bootstrap 5 support).
  • 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 12/13

  • When running drush updb, make sure you are running drush 12 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
Supporting organizations: 
Developer and maintainer

Project information

Releases