Creating new Power Pages sites in Bootstrap version 5.2.2 is now Generally Available

We are excited to announce the general availability of upgraded support for Bootstrap version 5.2.2 with Power Pages sites to use the latest CSS styling framework.

Bootstrap version 5.2.2 (v5) provides enhanced user experience and out-of-the-box components like accordion, off canvas, RTL support etc., and supports flex architecture, CSS functions and variables, bigger container size, and class prefixes which are not present in Bootstrap version 3.3.6 (v3). Bootstrap v5 is more responsive, supports new controls, and provides greater focus on accessibility.

New Power Pages websites created in environments with the Enhanced Data Model will also support Bootstrap v5.  This is supported for a variety of Power Pages templates, including blank template, starter layout templates, and a variety of solutions templates.  Check out the documentation for details.

Enable Bootstrap v5 for an environment

Additionally, you can migrate your existing site running on Bootstrap v3, regardless of template, to v5 using the PAC CLI based migration tool (in public preview) provided by Power Pages. This tool automatically converts all the html, css and js files which are part of your website record to Bootstrap v5 and provides the ability to report the changes and modify the code per the recommendations. Please note that the tool is still in preview and addresses only the breaking changes (in classes, controls, utilities) that were introduced in v4 and v5. Based on your custom implementation you may see issues with how all the components interact on a page and would have to resolve those issues. See the migrate existing sites to Bootstrap v5 documentation for detailed steps.

We are looking forward to your feedback, which will help us continue to build on and improve the capabilities of this feature. We want to hear from you!

For more details, refer the detailed documentation.