Page 1 of 1

Multiple Bootstrap Versions Loading

Posted: Fri Nov 20, 2020 4:19 pm
by DaveOzric
Recently I started using Gridbox for some websites. Their Joomla framework is using the same versions of BS that Joomla uses, so that's all good. However, some extensions like SP Page Builder use BS 3.x and I am wondering what consequences there are to consider loading more than one version on a page?

I asked the Gridbox support and they did not answer with any useful details.

Any insight would be greatly appreciated.

Re: Multiple Bootstrap Versions Loading

Posted: Fri Nov 20, 2020 8:05 pm
by waarnemer
bootstrap 3 has a customizer. I use it for extensions that seem not to be able to run without.
I try to stay away from bootstrap as much as I can. I consider it too much payload... unfortunately some xtensions force developers to use it. else their creation won't work.

https://getbootstrap.com/docs/3.4/customize/

select what you need and get a special package.
since BS3 has no backward compaitibilty on a lot of classes it just may work.
Of course no guarantee it will work in your setup.

Re: Multiple Bootstrap Versions Loading

Posted: Fri Nov 20, 2020 10:20 pm
by AMurray
SP Page Builder actually uses Bootstrap 4....as does its Joomshaper's Helix framework-based templates, as it moves more toward J4.0 compatibility.

Joomla core (3.9.22) uses Bootrap 3.x and I'm using Helix template and SP PB - no ill effects with Boostrap 3/4.

Re: Multiple Bootstrap Versions Loading

Posted: Mon Nov 23, 2020 3:06 pm
by DaveOzric
AMurray wrote:
Fri Nov 20, 2020 10:20 pm
SP Page Builder actually uses Bootstrap 4....as does its Joomshaper's Helix framework-based templates, as it moves more toward J4.0 compatibility.

Joomla core (3.9.22) uses Bootrap 3.x and I'm using Helix template and SP PB - no ill effects with Boostrap 3/4.
I see Joomla using bootstrap-transition.js v2.3.2 in the file loaded on my site. /public_html/media/jui/js/bootstrap.js

Can you explain where to find the Bootstrap 3.x version of Joomla?

Re: Multiple Bootstrap Versions Loading

Posted: Mon Nov 23, 2020 10:34 pm
by AMurray
Can you explain where to find the Bootstrap 3.x version of Joomla?
Actually you're correct Joomla 3.x comes with BS 2.3.2 (I don't know why I had the impression otherwise maybe thinking Joomla 3.x = Bootstrap 3.x....obviously not the case.)

However it would seem possible to implement Bootstrap 3.x, at a basic level load it via the CDN, see https://www.w3schools.com/bootstrap/boo ... tarted.asp or as @warnnemer suggests.

Re: Multiple Bootstrap Versions Loading

Posted: Tue Dec 15, 2020 9:21 am
by Pavel-ww
DaveOzric wrote:
Fri Nov 20, 2020 4:19 pm
Recently I started using Gridbox for some websites. Their Joomla framework is using the same versions of BS that Joomla uses, so that's all good. However, some extensions like SP Page Builder use BS 3.x and I am wondering what consequences there are to consider loading more than one version on a page?

I asked the Gridbox support and they did not answer with any useful details.

Any insight would be greatly appreciated.
Bootstrap used for the core system does not affect the frontend in any way and is not loaded into the frontend.

Any technology can be used in your frontend template. This will not conflict in any way with the bootstrap used for the backend.

There are a huge number of extensions for Joomla. And they are all built on different technologies. Therefore, it is very important to take care of your site's ecosystem and only use compatible extensions. For example Gridbox and Sp Page Builder are not compatible for use on the same site. And trying to use them at the same time is overkill.

And yes, Sp Page Builder uses bootstrap 4 among the first of its kind since version 3.0.

Re: Multiple Bootstrap Versions Loading

Posted: Tue Dec 15, 2020 9:22 am
by SharkyKZ
Bad performance, conflicting styling and possibly broken JS functionality.

Re: Multiple Bootstrap Versions Loading

Posted: Wed Dec 16, 2020 4:49 pm
by EduardoP
I use SP Page Builder actually uses Bootstrap 4