Using the Theme Manager with Bootstrap 5

Intro

You already know how to use the Theme Manager to customize your Bootstrap 4 sites.
With the integration of Bootstrap 5 in Wappler, we also updated the Theme Manager to support Bootstrap 5 as well.

Bootstrap 5 Support

The workflow in Theme Manager has not changed for Bootstrap 5.
First open your Project Settings:

Screenshot_71433×897 336 KB

Select Bootstrap 5 as in the Design Framework menu:

Screenshot_81433×897 243 KB

And make sure to include Bootstrap 5 Local (not CDN!) on your page in order to be able to customize it:

Screenshot_91433×897 375 KB

Open the Theme Manager:

Screenshot_101433×897 346 KB

The rest is as in the existing Theme Manager docs: