Adding a bootstrap Theme is not correctly displayed in the IDE

Targets Web
1

This used to work for me in previous versions but using 2021R3.1 if I add a new Bootstrap theme to the project the IDE doesn’t displays the controls correctly? Am I missing something?

For example, if I add the Materia theme from https://bootswatch.com/ everything looks wacky in the IDE. Running the app displays the controls correctly.

Is this “normal” behavior now or am I missing something?

2

My guess is that you downloaded Materia theme for Bootstrap 5.1.3. If you download Materia for Bootstrap 4 you will get better results.

Materia for bootstrap 5.1.3
IDE:
image

Run:
image

Materia for bootstrap 4
IDE:
image

Run:
image

From what I read, Xojo uses Bootstrap 4.

2 Likes
3

You are absolutely correct. Thanks for the help!